From 958d10a545ae24103bfbf98dfce044cdcfce93c7 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Tue, 11 Jul 2023 13:08:48 +0300 Subject: (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 --- src/scripts/back-to-top.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src/scripts') 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); -} +}); -- cgit v1.3.1-23-gd82d