Go to top button (#975)

* go to top button

* refactoring

qdrant-landing/themes/qdrant-2024/assets/js/helpers.js

@@ -24,3 +24,24 @@ export function scrollIntoViewWithOffset(id, offset) {
 export function isNodeList(list) {
   return Object.prototype.isPrototypeOf.call(NodeList.prototype, list);
 }
+
+export function initGoToTopButton(selector) {
+  const button = document.querySelector(selector || '.go-to-top');
+
+  if (!button) {
+    return;
+  }
+
+  window.addEventListener('scroll', () => {
+    const shouldShow = window.scrollY > window.innerHeight / 3;
+    button.classList.toggle('d-block', shouldShow);
+    button.classList.toggle('d-none', !shouldShow);
+  });
+
+  button.addEventListener('click', () => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  });
+}

qdrant-landing/themes/qdrant-2024/assets/js/index.js

@@ -1,5 +1,6 @@
 import scrollHandler from './scroll-handler';
 import { XXL_BREAKPOINT } from './constants';
+import { initGoToTopButton } from './helpers';
 
 // on document ready
 document.addEventListener('DOMContentLoaded', function () {
@@ -75,4 +76,5 @@ document.addEventListener('DOMContentLoaded', function () {
     }
   });
 
+  initGoToTopButton('#scrollToTopBtn');
 });