From 70f5f5ab700ecdc8d5f65fe9a52e3d37280e718e Mon Sep 17 00:00:00 2001
From: Fuwn <fuwnzy@gmail.com>
Date: Wed, 3 Nov 2021 23:52:24 -0700
Subject: feat: new

---
 assets/scripts/scroll-indicator.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 assets/scripts/scroll-indicator.js

(limited to 'assets/scripts/scroll-indicator.js')

diff --git a/assets/scripts/scroll-indicator.js b/assets/scripts/scroll-indicator.js
new file mode 100644
index 0000000..833c979
--- /dev/null
+++ b/assets/scripts/scroll-indicator.js
@@ -0,0 +1,35 @@
+const counter = document.querySelector('.percent')
+
+TweenLite.set(counter, {
+  xPercent: -5,
+  yPercent: -5
+})
+
+window.addEventListener('mousemove', moveCounter)
+
+function moveCounter (e) {
+  TweenLite.to(counter, 0.5, {
+    x: e.clientX,
+    y: e.clientY
+  })
+}
+
+function progress () {
+  const windowScrollTop = $(window).scrollTop()
+  const docHeight = $(document).height()
+  const windowHeight = $(window).height()
+  const progress = (windowScrollTop / (docHeight - windowHeight)) * 100
+
+  const $bgColor = progress > 99 ? '#fff' : '#fff'
+  const $textColor = progress > 99 ? '#fff' : '#333'
+
+  $('h1')
+    .text(Math.round(progress) + '%')
+    .css({ color: $textColor })
+
+  $('.fill')
+    .height(progress + '%')
+    .css({ backgroundColor: $bgColor })
+}
+progress()
+$(document).on('scroll', progress)
-- 
cgit v1.2.3