显示/隐藏固定菜单（jQuery）

我正在尝试修复和设置页眉导航的动画，以便当用户从顶部滚动过80px时，它会从浏览器窗口外部弹出。然后我想在用户滚动回到012px80px时反转动画。我已经得到（代码前面已经设置油门功能），这远：显示/隐藏固定菜单（jQuery）

var e = $(window).scrollTop(); 
$(window).on("scroll", throttle(function() { 
     var t = $(window).scrollTop(); 
     t > 80 ? t > e ? $(header).animate({ 
      top: "-150px" 
     }, 200) :

在“其他”点我完全卡住。我一直在寻找其他类似的功能，试图解释代码，但真的很挣扎。任何帮助极大的赞赏。

来源

2015-10-26 Nick

你为什么与'e'（这将是通常'0'）比较它。这没关系。 –

你为什么要将它与e（通常是0）进行比较。这没关系。如果您想要在window的scrollTop变为80px时发生某些情况，请使用以下代码。请注意0的stop()函数中的单个true参数。

$(function() { 
 
    $(".peek-a-boo").css({ 
 
    top: -200 
 
    }); 
 
    $(window).scroll(function() { 
 
    if ($(window).scrollTop() > 80) 
 
     $(".peek-a-boo").stop(true).animate({ 
 
     top: 0 
 
     }, 200); 
 
    else 
 
     $(".peek-a-boo").animate({ 
 
     top: -200 
 
     }, 200); 
 
    }); 
 
});

* {box-sizing: border-box;} 
 
.peek-a-boo {position: fixed; background-color: #99f; width: 100%; top: 0; left: 0; padding: 5px; text-align: center;} 
 
.heighter {height: 1000px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<header class="peek-a-boo">Peek</header> 
 
<div class="heighter"></div>

来源

2015-10-26 21:13:10

显示/隐藏固定菜单（jQuery）

回答

相关问题