diff --git a/src/hooks/useBodyClass.ts b/src/hooks/useBodyClass.ts
new file mode 100644
index 0000000..d8c8499
--- /dev/null
+++ b/src/hooks/useBodyClass.ts
@@ -0,0 +1,12 @@
+// composables/useBodyClass.js
+import { onMounted, onUnmounted } from 'vue';
+
+export function useBodyClass(className) {
+    onMounted(() => {
+        document.body.classList.add(className);
+    });
+
+    onUnmounted(() => {
+        document.body.classList.remove(className);
+    });
+}
diff --git a/src/style/reset.scss b/src/style/reset.scss
index f7d83d0..f4780bb 100644
--- a/src/style/reset.scss
+++ b/src/style/reset.scss
@@ -32,6 +32,10 @@ body {
     text-rendering: optimizelegibility;
 }
 
+body.body-overflow-hidden {
+    overflow: hidden;
+}
+
 hr {
     height: 0;
     color: inherit;
diff --git a/src/views/demo/pullLoadData.vue b/src/views/demo/pullLoadData.vue
index 4ed368e..e83ceb1 100644
--- a/src/views/demo/pullLoadData.vue
+++ b/src/views/demo/pullLoadData.vue
@@ -27,6 +27,9 @@
 <script setup lang="jsx">
 import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { debounce } from '@pureadmin/utils';
+import { useBodyClass } from '@/hooks/useBodyClass';
+
+useBodyClass('body-overflow-hidden');
 
 const boxRef = ref(null);
 const contentRef = ref(null);
@@ -67,7 +70,7 @@ const handleTouchmove = (e) => {
         handleTouchend();
     }
 };
-const debounceHandleTouchmove = debounce(handleTouchmove, 500);
+const debounceHandleTouchmove = debounce(handleTouchmove, 100);
 const handleTouchend = () => {
     if (loading.value) {
         getData();