fix: correct scroll percent

Renovamen · Feb 4, 2021 · 55793ed · 55793ed · vercel · Feb 4, 2021
1 parent f4e59a8
commit 55793ed
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/theme-gungnir/components/Common.vue b/packages/theme-gungnir/components/Common.vue
@@ -1,5 +1,6 @@
 <template>
   <div
+    id="theme-container"
     class="theme-container"
     :class="pageClasses"
     @touchstart="onTouchStart"

diff --git a/packages/theme-gungnir/components/Menu.vue b/packages/theme-gungnir/components/Menu.vue
@@ -97,11 +97,11 @@ export default {
 
   methods: {
     handleScroll () {
-      var currentTop = window.pageYOffset
-      var docuHeight = document.body.offsetHeight
-      var windowHeight = document.documentElement.clientHeight
+      const currentTop = window.pageYOffset
+      const docuHeight = document.getElementById('theme-container').offsetHeight
+      const windowHeight = document.documentElement.clientHeight
 
-      var percent = currentTop / (docuHeight - windowHeight) * 100
+      let percent = currentTop / (docuHeight - windowHeight) * 100
       if (percent > 100) percent = 100
 
       if (isNaN(percent) || Math.round(percent) <= 0) {