From ffb0e94ff53d3585efd7acad7560dd11a153f5e6 Mon Sep 17 00:00:00 2001
From: 裸奔狂甩丁丁 <30397306+StreakingMan@users.noreply.github.com>
Date: Tue, 5 Apr 2022 22:51:38 +0800
Subject: feat: click to top (#84)

---
 _includes/extensions/click-to-top.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 _includes/extensions/click-to-top.html

(limited to '_includes/extensions/click-to-top.html')

diff --git a/_includes/extensions/click-to-top.html b/_includes/extensions/click-to-top.html
new file mode 100644
index 0000000..fadd325
--- /dev/null
+++ b/_includes/extensions/click-to-top.html
@@ -0,0 +1,18 @@
+<div id="click-to-top" class="click-to-top">
+  <i class="fa fa-arrow-up"></i>
+</div>
+<script>
+  (function () {
+    const clickToTop = document.getElementById('click-to-top');
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 100) {
+        clickToTop.classList.add('show')
+      }else {
+        clickToTop.classList.remove('show')
+      }
+    });
+    clickToTop.addEventListener('click', () => {
+      window.smoothScrollTo(0);
+    });
+  })();
+</script>
-- 
cgit v1.2.3