themes/kobel
themes/kobel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CHANGE use scrolllistener only when site is 1.5 times the screen size

Browse source
This commit is contained in:
Hoernschen 2024-01-08 17:13:59 +01:00
parent a2e23623d6
commit e9271c3ef1
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
1 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/js/scroll.js
View file

@ -1,8 +1,8 @@
window.onload = (event) => {
if ((document.documentElement.scrollHeight / window.screen.availHeight ) > 1.5) {
window.addEventListener("scroll", () => { window.addEventListener("scroll", () => {
var height = document.documentElement.scrollHeight;
if ((height / window.screen.availHeight ) > 1.5) {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop; var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
height = height - document.documentElement.clientHeight; var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100; var scrolled = (winScroll / height) * 100;
document.getElementById('progress').style.width = scrolled + "%"; document.getElementById('progress').style.width = scrolled + "%";
@ -11,5 +11,6 @@ window.addEventListener("scroll", () => {
if ((window.scrollY > 0 && !toTop.classList.contains("show")) || (window.scrollY <= 0 && toTop.classList.contains("show"))) { if ((window.scrollY > 0 && !toTop.classList.contains("show")) || (window.scrollY <= 0 && toTop.classList.contains("show"))) {
toTop.classList.toggle("show"); toTop.classList.toggle("show");
} }
}
}); });
}
}