Остановите автоматическое свиток вверх, когда загружается страницаJquery

Программирование на jquery
Ответить
Anonymous
 Остановите автоматическое свиток вверх, когда загружается страница

Сообщение Anonymous »

Я использую веб -шаблон Impact. />
Загрузите шаблон < /li>
Открыть его в веб -браузере < /li>
Прокрутите вниз до нескольких тысяч пикселей < /li>
rebresh /reload, используя кнопку обновления браузера или F5 или CTRL+R. < /li>

страница должна обновлять/перезагрузить и прокручивать в то же положение Y, что и раньше. />

Код: Выделить всё

/**
* Template Name: Impact - v1.1.0
* Template URL: https://bootstrapmade.com/impact-bootstrap-business-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

document.addEventListener('DOMContentLoaded', () => {
"use strict";

/**
* Sticky Header on Scroll
*/
const selectHeader = document.querySelector('#header');

if (selectHeader) {
let headerOffset = selectHeader.offsetTop;
let nextElement = selectHeader.nextElementSibling;

const headerFixed = () => {
if ((headerOffset - window.scrollY)  {
if (!navbarlink.hash)
return;

let section = document.querySelector(navbarlink.hash);
if (!section)
return;

let position = window.scrollY + 200;

if (position >= section.offsetTop && position  {
el.addEventListener('click', function(event) {
event.preventDefault();
mobileNavToogle();
})
});

function mobileNavToogle() {
document.querySelector('body').classList.toggle('mobile-nav-active');
mobileNavShow.classList.toggle('d-none');
mobileNavHide.classList.toggle('d-none');
}

/**
* Hide mobile nav on same-page/hash links
*/
document.querySelectorAll('#navbar a').forEach(navbarlink => {
if (!navbarlink.hash)
return;

let section = document.querySelector(navbarlink.hash);
if (!section)
return;

navbarlink.addEventListener('click', () => {
if (document.querySelector('.mobile-nav-active')) {
mobileNavToogle();
}
});
});

/**
* Toggle mobile nav dropdowns
*/
const navDropdowns = document.querySelectorAll('.navbar .dropdown > a');

navDropdowns.forEach(el => {
el.addEventListener('click', function(event) {
if (document.querySelector('.mobile-nav-active')) {
event.preventDefault();
this.classList.toggle('active');
this.nextElementSibling.classList.toggle('dropdown-active');

let dropDownIndicator = this.querySelector('.dropdown-indicator');
dropDownIndicator.classList.toggle('bi-chevron-up');
dropDownIndicator.classList.toggle('bi-chevron-down');
}
})
});

/**
* Scroll top button
*/
const scrollTop = document.querySelector('.scroll-top');

if (scrollTop) {
const toggleScrollTop = function() {
window.scrollY > 100 ? scrollTop.classList.add('active') : scrollTop.classList.remove('active');
}

window.addEventListener('load', toggleScrollTop);
document.addEventListener('scroll', toggleScrollTop);

scrollTop.addEventListener('click', window.scrollTo({
top: 0,
behavior: 'smooth'
}));
}
});
Не кажется, что в main.js нет кода. Кто-нибудь может сказать мне, как остановить прокрутку на вершину на странице обновление/перезагрузка?


Подробнее здесь: https://stackoverflow.com/questions/796 ... page-loads
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»