Test: 测试手机触控支持

Author: T-miracle

package.json

@@ -5,7 +5,7 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "vitepress dev",
+    "dev": "vitepress dev --host",
     "build": "vitepress build",
     "preview": "vitepress preview"
   },

package/components/NanoMain/index.vue

@@ -28,7 +28,7 @@
     import scrollbarOptions from '../../config/scrollbarOptions';
     import { OverlayScrollbarsComponent } from 'overlayscrollbars-vue';
     import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
-    import { useRoute } from 'vitepress';
+    import { onContentUpdated, useRoute } from 'vitepress';
     import emitter from '../../emitter';
 
     const route = useRoute();
@@ -44,7 +44,23 @@
         immediate: true
     });
 
+    function hashChange() {
+        if (location.hash) {
+            const _hashText = decodeURIComponent(location.hash.replace('#', ''));
+            emitter.emit('scroll-to-hash', _hashText);
+        }
+    }
+
+    onContentUpdated(() => {
+        setTimeout(() => {
+            hashChange();
+        }, 240);
+    });
+
     onMounted(() => {
+        setTimeout(() => {
+            hashChange();
+        }, 240);
         // Listen for scroll-to-hash events
         emitter.on('scroll-to-hash', (hash: string) => {
             if (hash === '' || hash === null || hash === undefined) {

package/config/horizontalTopScrollBarOptions.ts

@@ -1,10 +1,7 @@
 // options config: https://github.com/KingSora/OverlayScrollbars
 export default {
     scrollbars: {
-        theme: 'os-theme-x',
-        touchSupport: true,
-        autoHide: 'never',
-        autoHideSuspend: true
+        theme: 'os-theme-x'
     },
     overflow: {
         x: 'scroll',

package/config/scrollbarOptions.ts

@@ -1,9 +1,6 @@
 // options config: https://github.com/KingSora/OverlayScrollbars
 export default {
     scrollbars: {
-        theme: 'os-theme-custom',
-        touchSupport: true,
-        autoHide: 'never',
-        autoHideSuspend: true
+        theme: 'os-theme-custom'
     }
 };