Let linkNav = document.querySelectorAll('.scroll-to'), V = 0.45;

Question

Let linkNav = document.querySelectorAll('.scroll-to'), V = 0.45;

for (let i = 0; i < linkNav.length; i++) {
linkNav[i].addEventListener('click', function (e) {
e.preventDefault();
setTimeout(() => {
let w = window.pageYOffset,
hash = this.href.replace(/[^#]*(.*)/, '$1');
let t = document.querySelector(hash).getBoundingClientRect().top,
start = null;
requestAnimationFrame(step);
function step(time) {
if (start === null) start = time;
let progress = time - start,
r = (t < 0 ? Math.max(w - progress / V, w + t) : Math.min(w + progress / V, w + t));
window.scrollTo(0, r);
if (r != w + t) {
requestAnimationFrame(step)
}
}
}, 830);
}, false);
}

#javascript #programming #russian

0

24.08.2020

1 ответов

18 просмотров

Максим · Accepted Answer

Максим

таймаут в переменную возьми, при скролле очищай его, чтобы отменился

0

24.08.2020

169 похожих чатов

Let linkNav = document.querySelectorAll('.scroll-to'), V = 0.45;

1 ответов

Похожие вопросы