Summary Files Commits Branches @commit @diff @stats
path: root / src / scripts
diff options
context:
space:
mode:
Commit958d10a545ae24103bfbf98dfce044cdcfce93c7 (patch)
Author
 Syndamia <kamen@syndamia.com>
2023-07-11 13:08:48 +0300
Committer
 Syndamia <kamen@syndamia.com>
2023-07-11 13:08:48 +0300
Files726bc6b34082aee6cc93f08477e77065835e1601 /src/scripts
syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.tar
syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.tar.gz
syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.zip
Parent01ca5176ebbb2c557e23fcb0320b8e88cb0c1b29 (diff)
(back-to-top) Reworked code to use addEventListener, rather than onevent, and made scroll button show on window load
If you opened a page with a hash, the button wouldn't show up before scrolling
1 files changed, 5 insertions, 3 deletions
-rw-r--r--src/scripts/back-to-top.js8
diff --git a/src/scripts/back-to-top.js b/src/scripts/back-to-top.js
index d7222ce..2ca728a 100644
--- a/src/scripts/back-to-top.js
+++ b/src/scripts/back-to-top.js
@@ -1,13 +1,15 @@
const scrollBtn = document.getElementById('scrollBtn');
-window.onscroll = function() {
+function scrollBtnShow() {
if (window.scrollY >= 800) {
scrollBtn.style.display = 'block';
} else {
scrollBtn.style.display = 'none';
}
}
+window.addEventListener('scroll', scrollBtnShow);
+window.addEventListener('load', scrollBtnShow);
-scrollBtn.onclick = function() {
+scrollBtn.addEventListener('click', function() {
window.scrollTo(0, 0);
-}
+});