Merge branch 'master' of github.com:hainatravel/information-system into master

application/views/mobile_first/ch-pc.php

@@ -602,20 +602,32 @@
     </div>
 
     <script>
-        (function (w, d, i) {
-            var navbar = d.getElementById(i);
-            var prevScrollpos = w.pageYOffset;
-            w.onscroll = function () {
-                var currentScrollPos = w.pageYOffset;
-                if (prevScrollpos > currentScrollPos) {
-                    navbar.style.top = '0';
-                } else {
-                    navbar.style.top = '-100px';
-                }
-                prevScrollpos = currentScrollPos;
-            }
-        })(window, document, 'header');
-    </script>
+    (function (w, d, i) {
+      function debounce(func, wait) {
+        let timeout;
+        return function() {
+          const context = this;
+          const args = arguments;
+          clearTimeout(timeout);
+          timeout = setTimeout(() => func.apply(context, args), wait);
+        };
+      }
+
+      var navbar = d.getElementById(i);
+      var prevScrollpos = w.pageYOffset;
+      w.onscroll = debounce(function () {
+        var currentScrollPos = w.pageYOffset;
+        if (Math.abs(currentScrollPos - prevScrollpos) > 5) { // 滚动阈值
+          if (prevScrollpos > currentScrollPos) {
+            navbar.style.top = '0';
+          } else {
+            navbar.style.top = '-100px';
+          }
+          prevScrollpos = currentScrollPos;
+        }
+      }, 25) // 防止快速滚动时频繁触发
+    })(window, document, 'header');
+  </script>
 
     <!--@PRODUCT-JS@-->
     <!--@ADDON-JS@-->

application/views/mobile_first/ch.php

@@ -593,17 +593,29 @@
 
   <script>
     (function (w, d, i) {
+      function debounce(func, wait) {
+        let timeout;
+        return function() {
+          const context = this;
+          const args = arguments;
+          clearTimeout(timeout);
+          timeout = setTimeout(() => func.apply(context, args), wait);
+        };
+      }
+
       var navbar = d.getElementById(i);
       var prevScrollpos = w.pageYOffset;
-      w.onscroll = function () {
+      w.onscroll = debounce(function () {
         var currentScrollPos = w.pageYOffset;
-        if (prevScrollpos > currentScrollPos) {
-          navbar.style.top = '0';
-        } else {
-          navbar.style.top = '-100px';
+        if (Math.abs(currentScrollPos - prevScrollpos) > 5) { // 滚动阈值
+          if (prevScrollpos > currentScrollPos) {
+            navbar.style.top = '0';
+          } else {
+            navbar.style.top = '-100px';
+          }
+          prevScrollpos = currentScrollPos;
         }
-        prevScrollpos = currentScrollPos;
-      }
+      }, 25) // 防止快速滚动时频繁触发
     })(window, document, 'header');
   </script>
   <script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */

application/views/mobile_first/gh-pc.php

@@ -420,20 +420,32 @@
     </div>
 
     <script>
-        (function (w, d, i) {
-            var navbar = d.getElementById(i);
-            var prevScrollpos = w.pageYOffset;
-            w.onscroll = function () {
-                var currentScrollPos = w.pageYOffset;
-                if (prevScrollpos > currentScrollPos) {
-                    navbar.style.top = '0';
-                } else {
-                    navbar.style.top = '-100px';
-                }
-                prevScrollpos = currentScrollPos;
-            }
-        })(window, document, 'header');
-    </script>
+    (function (w, d, i) {
+      function debounce(func, wait) {
+        let timeout;
+        return function() {
+          const context = this;
+          const args = arguments;
+          clearTimeout(timeout);
+          timeout = setTimeout(() => func.apply(context, args), wait);
+        };
+      }
+
+      var navbar = d.getElementById(i);
+      var prevScrollpos = w.pageYOffset;
+      w.onscroll = debounce(function () {
+        var currentScrollPos = w.pageYOffset;
+        if (Math.abs(currentScrollPos - prevScrollpos) > 5) { // 滚动阈值
+          if (prevScrollpos > currentScrollPos) {
+            navbar.style.top = '0';
+          } else {
+            navbar.style.top = '-100px';
+          }
+          prevScrollpos = currentScrollPos;
+        }
+      }, 25) // 防止快速滚动时频繁触发
+    })(window, document, 'header');
+  </script>
 
     <!--PC底部 结束-->
 

application/views/mobile_first/gh.php

@@ -448,19 +448,31 @@
     }
   </script>
 
-  <script>
+<script>
     (function (w, d, i) {
+      function debounce(func, wait) {
+        let timeout;
+        return function() {
+          const context = this;
+          const args = arguments;
+          clearTimeout(timeout);
+          timeout = setTimeout(() => func.apply(context, args), wait);
+        };
+      }
+
       var navbar = d.getElementById(i);
       var prevScrollpos = w.pageYOffset;
-      w.onscroll = function () {
+      w.onscroll = debounce(function () {
         var currentScrollPos = w.pageYOffset;
-        if (prevScrollpos > currentScrollPos) {
-          navbar.style.top = '0';
-        } else {
-          navbar.style.top = '-100px';
+        if (Math.abs(currentScrollPos - prevScrollpos) > 5) { // 滚动阈值
+          if (prevScrollpos > currentScrollPos) {
+            navbar.style.top = '0';
+          } else {
+            navbar.style.top = '-100px';
+          }
+          prevScrollpos = currentScrollPos;
         }
-        prevScrollpos = currentScrollPos;
-      }
+      }, 25) // 防止快速滚动时频繁触发
     })(window, document, 'header');
   </script>
   <!--移动底部 结束-->