fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor scroll-to-top mechanism

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-27 23:46:08 +03:00
parent f0e80bac7b
commit 2c69d7a87f
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/main.scss
View File

@@ -270,7 +270,6 @@ a {
#scroll-to-top { #scroll-to-top {
width: $px_scroll-to-top_size; width: $px_scroll-to-top_size;
height: $px_scroll-to-top_size; height: $px_scroll-to-top_size;
display: none;
position: fixed; position: fixed;
right: 25px; right: 25px;
bottom: 55px; bottom: 55px;

14
resources/scripts/main.js
View File

@@ -1,10 +1,11 @@
const SCROLL_MIN = 100;
scroll_to_top = document.getElementById("scroll-to-top"); scroll_to_top = document.getElementById("scroll-to-top");
window.onscroll = function () { function checkScroll() {
if (document.documentElement.scrollTop > 100 || document.body.scrollTop > 100) { if (document.documentElement.scrollTop > SCROLL_MIN || document.body.scrollTop > SCROLL_MIN) {
scroll_to_top.style.display = "block"; scroll_to_top.style.visibility = "visible";
} else { } else {
scroll_to_top.style.display = "none"; scroll_to_top.style.visibility = "hidden";
} }
} }
@@ -60,4 +61,7 @@ async function toggleDropdown() {
hideDropdown(); hideDropdown();
hideNavitems(); hideNavitems();
} }
} }
window.addEventListener('load', checkScroll);
window.addEventListener('scroll', checkScroll);