remove scrollbtn when scrolling down

svbaelen · Apr 12, 2024 · 94a1e6c · 94a1e6c
1 parent 7f8ed2d
commit 94a1e6c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/config/html/css/main.css b/config/html/css/main.css
@@ -832,10 +832,15 @@ input:checked + .slider:before {
 #btn-scroll-bottom svg {
     transform: rotate(180deg);
 }
+
 #btn-scroll-bottom:hover svg,
 #btn-scroll-top:hover svg {
   stroke: var(--color-link);
 }
+#btn-scroll-bottom:focus svg,
+#btn-scroll-top:focus svg {
+  stroke: #aaa;
+}
 
 /*#sidebar-right:hover #btn-scroll-bottom,*/
 #scroll-buttons:hover #btn-scroll-top {

diff --git a/src/scripts/scroll.js b/src/scripts/scroll.js
@@ -34,6 +34,8 @@ function mainScrollBtns() {
     let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
     if (scrollTop > LAST_SCROLL_TOP) {
       // downscroll code
+      if (newTimeout) clearTimeout(newTimeout);
+      btnScrollTop.style.display = 'none';
     } else if (scrollTop < LAST_SCROLL_TOP) {
       // upscroll code
       btnScrollTop.style.display = 'flex';