Deuxfleurs/site
20
2
Fork 6
Code Issues 4 Pull requests 7 Releases Wiki Activity

feat: button disappear when scrolling down #16

Browse source
This commit is contained in:
Adrian Rosin 2024-02-05 14:25:54 +01:00
parent 8cabd64acb
commit efeeba4743
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/script-bon.js
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);