Нужен способ на нативном js? Функция плавного скролла у меня есть
const anim = (sel, duration) => {
let to = document.querySelector(sel).getBoundingClientRect().top,
temp;
return (sel) => {
cancelAnimationFrame(temp);
var start = performance.now();
var from = window.pageYOffset || document.documentElement.scrollTop;
requestAnimationFrame(function step(timestamp) {
var progress = (timestamp - start) / duration;
1 <= progress && (progress = 1);
window.scrollTo(0, from + to * progress | 0);
1 > progress && (temp = requestAnimationFrame(step))
});
}
}
И она работает например если вешаю на кнопку, но когда ставлю ее на событие скролла
document.addEventListener("scroll", anime(".last-block", 1000), false);
то страница начинает плавно подниматься вверх и бесконечно тресется.
window.scrollTo
который находится внутри функцииanim
вызывает у документа событиеscroll
, а событиеscroll
вызывает функциюanim
получается бесконечный вызов скролла, вот и трясется. – Vladimir 22 мар '19 в 7:53