Add a draggable back-to-top button on side menu [Mobile]

jeanropke · Jul 28, 2024 · 6c4bd75 · 6c4bd75
1 parent 6a694db
commit 6c4bd75
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
@@ -414,7 +414,11 @@ sideMenu.addEventListener('scroll', function () {
   document.querySelector('.scroller-line-bt').style.display = atBottom ? '' : 'none';
   document.querySelector('.scroller-arrow-bt').style.display = atBottom ? 'none' : '';
 
-  backToTop.classList.toggle('is-visible', this.scrollTop && this.scrollTop < lastScrollY);
+  if (this.scrollTop !== 0 && this.scrollTop < lastScrollY) {
+    backToTop.classList.add('is-visible');
+  } else if (this.scrollTop === 0 || this.scrollTop > lastScrollY) {
+    backToTop.classList.remove('is-visible');
+  }
   lastScrollY = this.scrollTop;
 });
 
@@ -1560,6 +1564,11 @@ function draggify(el, { storageKey }) {
   document.addEventListener('pointerup', onDragEnd);
   document.addEventListener('pointercancel', onDragEnd);
 
+  el.addEventListener('touchstart', onDragStart);
+  document.addEventListener('touchmove', onDragMove);
+  document.addEventListener('touchend', onDragEnd);
+  document.addEventListener('touchcancel', onDragEnd);
+
   restorePosition();
 
   return {