feats

src/components/ScrollDown.vue

@@ -10,10 +10,14 @@ import { onBeforeUnmount, onMounted, ref } from "vue"
 const style = ref({ opacity: 1 })
 
 const onScroll = (e) => {
-  const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-  const offsetHeight = document.documentElement.offsetHeight || document.body.offsetHeight;
-  const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
-	if (offsetHeight + scrollTop >= scrollHeight) {
+  // const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+  // const offsetHeight = document.documentElement.offsetHeight || document.body.offsetHeight;
+  // const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
+  // const isBottom = offsetHeight + scrollTop >= scrollHeight;
+
+  const isBottom = (window.innerHeight + window.scrollY) >= (document.body.scrollHeight - 100);
+
+	if (isBottom) {
 		style.value = { opacity: 0 }
     console.log('已到底部');
 	} else {