diff --git a/src/components/public/backToTop.vue b/src/components/public/backToTop.vue
index 7e50b09..af8e52d 100644
--- a/src/components/public/backToTop.vue
+++ b/src/components/public/backToTop.vue
@@ -1,10 +1,12 @@
 <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">
     </div>
 </template>
 
 <script setup>
+import { onMounted, onUnmounted, ref } from 'vue'
+let show = ref(false)
 onMounted(() => {
     window.addEventListener('scroll', handleScroll);
 });
@@ -15,17 +17,9 @@ onUnmounted(() => {
 
 const handleScroll = () => {
     if (Math.random() > 0.3) return
-    // for (let i = 0; i < navList.value.length; i++) {
-    //     let element = navList.value[i]
-
-    //     const rect = eval(element.value).value.getBoundingClientRect();
-    //     const distanceToTop = rect.top;
-    //     if (distanceToTop >= 0) {
-    //         navTab.value = element.value
-    //         break;
-    //     }
-
-    // }
+    const scrolledDistance = window.scrollY || window.pageYOffset;
+    if (scrolledDistance >= 500 && !show.value) show.value = true
+    if (scrolledDistance < 500 && show.value) show.value = false
 }
 
 const screenroll = () => {