dos

Public/static/js/common.js

@@ -54,6 +54,8 @@ var readingJson = {};
 let play = 'music';
 let play = 'music';
 let musicStatus = true;
 let musicStatus = true;
 
 
+let scrollHandleTimer;
+
 $('.video1').append('<video controls poster="/Public/static/image2/video1.jpg" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow" src="http://media.izhida.cn/pingan-journal-1.mp4" id="video1"></video>');
 $('.video1').append('<video controls poster="/Public/static/image2/video1.jpg" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow" src="http://media.izhida.cn/pingan-journal-1.mp4" id="video1"></video>');
 const video1 = document.getElementById("video1");
 const video1 = document.getElementById("video1");
 $('.page1').show();
 $('.page1').show();
@@ -132,19 +134,25 @@ function showRead(event) {
 }
 }
 
 
 function pageOnScroll(event) {
 function pageOnScroll(event) {
-    const top = $('.wrap').scrollTop();
-    console.log(top);
-    if (top > 600 && top < 2800) {
-        $('.block2').show().addClass('animate');
-    } else if (top > 2800 && top < 4100) {
-        $('.block3').show().addClass('animate');
-    } else if (top > 4100 && top < 4700) {
-        $('.block4').show().addClass('animate');
-    } else if (top > 4700 && top < 5400) {
-        $('.block5').show().addClass('animate');
-    } else if (top > 5400) {
-        $('.block6').show().addClass('animate');
-    }
+    clearTimeout(scrollHandleTimer)
+    setTimeout(() => {
+        const top = $('.wrap').scrollTop();
+        console.log(top);
+        if (top > 600 && top < 2800) {
+            $('.block2').show().addClass('animate');
+        } else if (top > 2800 && top < 4100) {
+            $('.block3').show().addClass('animate');
+        } else if (top > 4100 && top < 4700) {
+            $('.block4').show().addClass('animate');
+        } else if (top > 4700 && top < 5400) {
+            $('.block5').show().addClass('animate');
+        } else if (top > 5400 && top < 6000) {
+            $('.block6').show().addClass('animate');
+        } else if (top > 6000) {
+            $('.block7').show().addClass('animate');
+        }
+    }, 300)
+
 }
 }
 
 
 function carousel(time) {
 function carousel(time) {