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

16
templates/base.html
View File

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