顯示/隱藏固定菜單（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）

回答

相關問題