✨ feat: 重写返回点击位置功能

@@ -66,6 +66,7 @@
           </template>
           </template>
         </van-list>
         </van-list>
       </div>
       </div>
+      <div style="height: 2rem;"></div>
       <van-empty v-if="emptyStatus"
       <van-empty v-if="emptyStatus"
         class="custom-image"
         class="custom-image"
         :image="no_image"
         :image="no_image"
@@ -308,25 +309,31 @@ onActivated(() => { // keepAlive 重置后执行回调
   })
   })
   // 触发更新
   // 触发更新
   prod_list.value = arr.value;
   prod_list.value = arr.value;
-  /**
-   * 判断微信环境
-   */
-  if (wxInfo().isiOS || wxInfo().isAndroid) {
-    // TAG: 手机微信浏览器位置变动了，需要手动调整位置，但是无刷新是起作用的
-    const { scrollTop } = storeToRefs(store);
-    if (scrollTop.value) {
-      $("html,body").animate({ "scrollTop": scrollTop.value })
+
+  const { scrollTop } = storeToRefs(store);
+  // 嵌套滚动，执行两个，先滚外面再滚里面
+  _.times(2, () => {
+    $("html,body").animate({ "scrollTop": String(scrollTop.value) + 'px' });
+  });
+
+  // 监听记录滚动位置
+  window.addEventListener('scroll',()=>{
+    if (window.scrollY) {
+      store.changeScrollTop(window.scrollY)
     }
     }
-    window.addEventListener('scroll',()=>{
-      if (window.scrollY) {
-        store.changeScrollTop(window.scrollY)
-      }
-    });
-  }
+  });
+
   // 更新页面名称，因为不刷新副作用~
   // 更新页面名称，因为不刷新副作用~
   document.title = $route.meta.title;
   document.title = $route.meta.title;
 });
 });
 
 
+// 监听记录滚动位置
+window.addEventListener('scroll',()=>{
+  if (window.scrollY) {
+    store.changeScrollTop(window.scrollY)
+  }
+});
+
 /*********************************************************/
 /*********************************************************/
 
 
 </script>
 </script>

@@ -16,6 +16,8 @@
 import VideoCard from '@/components/VideoCard/index.vue'
 import VideoCard from '@/components/VideoCard/index.vue'
 import Cookies from 'js-cookie'
 import Cookies from 'js-cookie'
 import no_image from '@images/que-shuju@2x.png'
 import no_image from '@images/que-shuju@2x.png'
+import { mainStore } from '@/store'
+import { storeToRefs } from 'pinia'
 
 
 import { ref } from 'vue'
 import { ref } from 'vue'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
@@ -24,18 +26,19 @@ import $ from 'jquery'
 import _ from 'lodash'
 import _ from 'lodash'
 
 
 /******************** 返回点击位置 ********************/
 /******************** 返回点击位置 ********************/
-window.addEventListener('scroll', () => {
+const store = mainStore();
+const { scrollTopCollection } = storeToRefs(store);
+// 嵌套滚动，执行两个，先滚外面再滚里面
+_.times(2, () => {
+  $("html,body").animate({ "scrollTop": String(scrollTopCollection.value) + 'px' });
+});
+
+// 监听记录滚动位置
+window.addEventListener('scroll',()=>{
   if (window.scrollY) {
   if (window.scrollY) {
-    Cookies.set('scrollTopCollection', window.scrollY);
+    store.changeScrollTopCollection(window.scrollY)
   }
   }
-})
-
-const scrollTopCollection = Cookies.get('scrollTopCollection') ? Number(Cookies.get('scrollTopCollection')) : 0;
-if (scrollTopCollection) {
-  setTimeout(() => {
-    $("html,body").animate({ "scrollTop": scrollTopCollection })
-  }, 500)
-}
+});
 /*****************************************************/
 /*****************************************************/
 
 
 // 处理书籍下作品列表
 // 处理书籍下作品列表

@@ -16,6 +16,8 @@
 import VideoCard from '@/components/VideoCard/index.vue'
 import VideoCard from '@/components/VideoCard/index.vue'
 import Cookies from 'js-cookie'
 import Cookies from 'js-cookie'
 import no_image from '@images/que-shuju@2x.png'
 import no_image from '@images/que-shuju@2x.png'
+import { mainStore } from '@/store'
+import { storeToRefs } from 'pinia'
 
 
 import { ref } from 'vue'
 import { ref } from 'vue'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
@@ -24,18 +26,19 @@ import $ from 'jquery'
 import _ from 'lodash'
 import _ from 'lodash'
 
 
 /******************** 返回点击位置 ********************/
 /******************** 返回点击位置 ********************/
-window.addEventListener('scroll', () => {
+const store = mainStore();
+const { scrollTopLike } = storeToRefs(store);
+// 嵌套滚动，执行两个，先滚外面再滚里面
+_.times(2, () => {
+  $("html,body").animate({ "scrollTop": String(scrollTopLike.value) + 'px' });
+});
+
+// 监听记录滚动位置
+window.addEventListener('scroll',()=>{
   if (window.scrollY) {
   if (window.scrollY) {
-    Cookies.set('scrollTopLike', window.scrollY);
+    store.changeScrollTopLike(window.scrollY)
   }
   }
-})
-
-const scrollTopLike = Cookies.get('scrollTopLike') ? Number(Cookies.get('scrollTopLike')) : 0;
-if (scrollTopLike) {
-  setTimeout(() => {
-    $("html,body").animate({ "scrollTop": scrollTopLike })
-  }, 500)
-}
+});
 /*****************************************************/
 /*****************************************************/
 
 
 // 处理书籍下作品列表
 // 处理书籍下作品列表

@@ -58,20 +58,25 @@ onActivated(() => { // keepAlive 重置后执行回调
   })
   })
   // 触发更新
   // 触发更新
   prod_list.value = arr.value;
   prod_list.value = arr.value;
-  /**
-   * 判断微信环境
-   */
-  if (wxInfo().isiOS || wxInfo().isAndroid) {
-    // TAG: 手机微信浏览器位置变动了，需要手动调整位置，但是无刷新是起作用的
-    const { scrollTop } = storeToRefs(store);
-    if (scrollTop.value) {
-      $("html,body").animate({ "scrollTop": scrollTop.value })
+
+  const { scrollTop } = storeToRefs(store);
+  // 嵌套滚动，执行两个，先滚外面再滚里面
+  _.times(2, () => {
+    $("html,body").animate({ "scrollTop": String(scrollTop.value) + 'px' });
+  });
+
+  // 监听记录滚动位置
+  window.addEventListener('scroll',()=>{
+    if (window.scrollY) {
+      store.changeScrollTop(window.scrollY)
     }
     }
-    window.addEventListener('scroll',()=>{
-      if (window.scrollY) {
-        store.changeScrollTop(window.scrollY)
-      }
-    });
+  });
+});
+
+// 监听记录滚动位置
+window.addEventListener('scroll',()=>{
+  if (window.scrollY) {
+    store.changeScrollTop(window.scrollY)
   }
   }
 });
 });