🎏 Add: 顶部导航栏根据鼠标滑动方向显示/隐藏

1 files changed, 25 insertions, 0 deletions

diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
index 55a3d72..ebcf8ef 100644
--- a/assets/js/miracles.min.js
+++ b/assets/js/miracles.min.js
@@ -141,6 +141,30 @@ $(window).scroll(function() {
 });

 

 /**

+ *  Nav

+ */

+var new_scroll_position = 0;

+var last_scroll_position;

+var header = $(".nav");

+

+window.addEventListener('scroll', function(e) {

+last_scroll_position = window.scrollY;

+ 

+// 向下滚动

+if (new_scroll_position < last_scroll_position && last_scroll_position > 80) {

+  header.removeClass("nav-slideDown");

+  header.addClass("nav-slideUp");

+ 

+// 向上滚动

+} else if (new_scroll_position > last_scroll_position) {

+  header.removeClass("nav-slideUp");

+  header.addClass("nav-slideDown");

+}

+ 

+new_scroll_position = last_scroll_position;

+}); 

+

+/**

  *  Js Loader

  */

 //LazyLoad

@@ -499,6 +523,7 @@ function startTime(time = '2010-01-01') {
     $('#build-time').html(result);

     buildTimeout = setTimeout('startTime(startTimeV)', 1000)

 }

+

 /**

  *  Copyright

  */