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

Compare commits

base: themes:a25ea40300125cba6a788217c53f623eca3bd7d6
Branches Tags
themes:main
..
compare: themes:e9271c3ef1f21b2b4f4a03717f8f62beccd067bf
Branches Tags
themes:main

2 commits
a25ea40300 ... e9271c3ef1

Author SHA1 Message Date
Hoernschen
e9271c3ef1
CHANGE use scrolllistener only when site is 1.5 times the screen size 2024-01-08 17:13:59 +01:00
Hoernschen
a2e23623d6
CHANGE use scrolllistener only when site is 1.5 times the screen size 2024-01-08 17:10:32 +01:00
1 changed files with 13 additions and 9 deletions
Show stats Expand all files Collapse all files

22
static/js/scroll.js
View file

@ -1,12 +1,16 @@
window.addEventListener("scroll", () => { window.onload = (event) => {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop; if ((document.documentElement.scrollHeight / window.screen.availHeight ) > 1.5) {
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight; window.addEventListener("scroll", () => {
var scrolled = (winScroll / height) * 100; var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
document.getElementById('progress').style.width = scrolled + "%"; var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById('progress').style.width = scrolled + "%";
const toTop = document.getElementById('totop'); const toTop = document.getElementById('totop');
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");
}
});
} }
}); }