function scrollToStep(coord = 0, step = 20, temp = 1000) {
if (coord > step) {
setTimeout(function() {
window.scrollBy(0, step);
}, temp);
coord -= step;
console.log(coord);
scrollToStep(coord, step, temp)
} else {
return false;
}
}
buttonChoice.addEventListener('click', function() {
let catalog = document.querySelector('.catalog');
scrollToStep(catalog.getBoundingClientRect().top);
});
function scrollToStep(coord = 0, step = 20, pause = 1000) {
if (coord > step) {
setTimeout(function() {
coord -= step;
window.scrollBy(0, step);
scrollToStep(coord, step, pause)
}, pause);
} else {
return false;
}
}
buttonChoice.addEventListener('click', function() {
let catalog = document.querySelector('.catalog');
scrollToStep(catalog.getBoundingClientRect().top);
});
let currentScrollY = 0;
let targetScrollY = 0;
let t = 0;
document.body.addEventListener("click", () => {
targetScrollY = Math.floor(Math.random() * getScrollheight());
currentScrollY = getScrollTop();
t = 0;
});
function getScrollheight() {
return document.documentElement.scrollHeight || document.body.scrollHeight;
}
function getScrollTop() {
return document.documentElement.scrollTop || document.body.scrollTop;
}
function setScrollTop(to) {
document.documentElement.scrollTop = to;
document.body.scrollTop = to;
}
function ease(t) { return (--t)*t*t+1 }
function animate() {
if (t < 1) {
t += 0.01;
setScrollTop(
currentScrollY + (targetScrollY - currentScrollY) * ease(t)
);
}
requestAnimationFrame(animate);
}
animate();