XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改回到顶部的显示隐藏问题

Browse Source
This commit is contained in:
A1300399510
2023-07-28 14:48:16 +08:00
parent 385d8e34c5
commit f07f6586b2
1 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/public/backToTop.vue
View File

@@ -1,10 +1,12 @@
<template> <template>
<div class="returnTop flexcenter" @click="screenroll()"> <div class="returnTop flexcenter" @click="screenroll()" v-if="show">
<img class="icon" src="@/assets/img/publicImage/back-icon.png"> <img class="icon" src="@/assets/img/publicImage/back-icon.png">
</div> </div>
</template> </template>
<script setup> <script setup>
import { onMounted, onUnmounted, ref } from 'vue'
let show = ref(false)
onMounted(() => { onMounted(() => {
window.addEventListener('scroll', handleScroll); window.addEventListener('scroll', handleScroll);
}); });
@@ -15,17 +17,9 @@ onUnmounted(() => {
const handleScroll = () => { const handleScroll = () => {
if (Math.random() > 0.3) return if (Math.random() > 0.3) return
// for (let i = 0; i < navList.value.length; i++) { const scrolledDistance = window.scrollY || window.pageYOffset;
// let element = navList.value[i] if (scrolledDistance >= 500 && !show.value) show.value = true
if (scrolledDistance < 500 && show.value) show.value = false
// const rect = eval(element.value).value.getBoundingClientRect();
// const distanceToTop = rect.top;
// if (distanceToTop >= 0) {
// navTab.value = element.value
// break;
// }
// }
} }
const screenroll = () => { const screenroll = () => {