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