diff --git a/application/views/mobile_first/ch.php b/application/views/mobile_first/ch.php
index 16b74d16..93ae8d34 100644
--- a/application/views/mobile_first/ch.php
+++ b/application/views/mobile_first/ch.php
@@ -701,7 +701,21 @@ function validateNewsletterForm() {
   return result;
 }
 </script>
-
+<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>
   <script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
     (function (window) { function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)") } var hasClass, addClass, removeClass; if ("classList" in document.documentElement) { hasClass = function (elem, c) { return elem.classList.contains(c) }; addClass = function (elem, c) { elem.classList.add(c) }; removeClass = function (elem, c) { elem.classList.remove(c) } } else { hasClass = function (elem, c) { return classReg(c).test(elem.className) }; addClass = function (elem, c) { if (!hasClass(elem, c)) { elem.className = elem.className + " " + c } }; removeClass = function (elem, c) { elem.className = elem.className.replace(classReg(c), " ") } } function toggleClass(elem, c) { var fn = hasClass(elem, c) ? removeClass : addClass; fn(elem, c) } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if (typeof define === "function" && define.amd) { define(classie) } else { if (typeof exports === "object") { module.exports = classie } else { window.classie = classie } } })(window);
     !function (e, n, t) {
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 98ddcf69..8e7a5722 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -456,6 +456,21 @@
     }
   </script>
 
+<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>
   <!--移动底部 结束-->
   <script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
     (function (window) { function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)") } var hasClass, addClass, removeClass; if ("classList" in document.documentElement) { hasClass = function (elem, c) { return elem.classList.contains(c) }; addClass = function (elem, c) { elem.classList.add(c) }; removeClass = function (elem, c) { elem.classList.remove(c) } } else { hasClass = function (elem, c) { return classReg(c).test(elem.className) }; addClass = function (elem, c) { if (!hasClass(elem, c)) { elem.className = elem.className + " " + c } }; removeClass = function (elem, c) { elem.className = elem.className.replace(classReg(c), " ") } } function toggleClass(elem, c) { var fn = hasClass(elem, c) ? removeClass : addClass; fn(elem, c) } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if (typeof define === "function" && define.amd) { define(classie) } else { if (typeof exports === "object") { module.exports = classie } else { window.classie = classie } } })(window);