senaduka/old-saburly-wagtail-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed header iphone scroll bounce

Browse Source
This commit is contained in:
Amir
2024-09-15 05:15:00 +02:00
parent f984a24ba5
commit f224f51738
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
templates/base.html
View File

@@ -64,21 +64,25 @@
}); });
}) })
//header //header
var prevScrollPos = window.pageYOffset; var prevScrollPos = window.pageYOffset;
var isTouchDevice = 'ontouchstart' in document.documentElement;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset; window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollPos + 15 < currentScrollPos) {
document.getElementById("header").classList.add("header-hidden"); var scrollSensitivity = isTouchDevice ? 25 : 15;
document.getElementById("header").classList.remove("header-visible");
} if (prevScrollPos + scrollSensitivity < currentScrollPos) {
else { document.getElementById("header").classList.add("header-hidden");
document.getElementById("header").classList.add("header-visible"); document.getElementById("header").classList.remove("header-visible");
document.getElementById("header").classList.remove("header-hidden"); } else {
} document.getElementById("header").classList.add("header-visible");
prevScrollPos = currentScrollPos; document.getElementById("header").classList.remove("header-hidden");
}
prevScrollPos = currentScrollPos;
}; };
</script> </script>
</body> </body>