diff options
| Commit | 958d10a545ae24103bfbf98dfce044cdcfce93c7 (patch) | |
|---|---|---|
| Author | 2023-07-11 13:08:48 +0300 | |
| Committer | 2023-07-11 13:08:48 +0300 | |
| Files | 726bc6b34082aee6cc93f08477e77065835e1601 /src/scripts | |
| syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.tar syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.tar.gz syndamia.com-958d10a545ae24103bfbf98dfce044cdcfce93c7.zip | ||
| Parent | 01ca5176ebbb2c557e23fcb0320b8e88cb0c1b29 (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.js | 8 |
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); -} +}); |