feat: button disappear when scrolling down #16

This commit is contained in:
Adrian Rosin 2024-02-05 14:25:54 +01:00
parent 8cabd64acb
commit efeeba4743

View file

@ -116,3 +116,23 @@ function toggleAnimation() {
}
}
let lastScrollTop = 0; // Last position of the scroll
window.addEventListener("scroll", function() {
let currentPosition = window.pageYOffset || document.documentElement.scrollTop;
const toggleButton = document.querySelectorAll('.toggleButton');
if (currentPosition > lastScrollTop) {
// Scroll down
toggleButton.forEach(button => {
button.style.display = "none";
});
} else {
// Scroll up
toggleButton.forEach(button => {
button.style.display = "block";
});
}
lastScrollTop = currentPosition <= 0 ? 0 : currentPosition; // For Mobile or negative scrolling
}, false);