滾動時隱藏或顯示菜單欄

Question

當$('body').scrollTop() > 45時我要給div設置動畫

用戶向上滾動時，我需要為同一div設置動畫。 我嘗試了這段代碼， 如果可行的話 ，第一個。 如何獲得第二個條件才能工作？

    if ($('body').scrollTop() > 45) {

        $('.my-div').animate({
            top:'-45px'
        }, 200);
    }         
    if (¿?user-scrolls-up¿?) {

        $('.my-div').animate({
            top:'0px'
        }, 200);
    } 

Answer 1

一種方法是將滾動值保存到滾動變量。 然后，您可以將該值與上一個滾動值進行比較。 如果先前>當前，則用戶已向上滾動。

這是針對這種情況的偽代碼

var lastScroll = 0;
$(window).scroll(function() {
    var currentScroll = $(window).scrollTop();
    ... Your first if perhaps using currentScroll ...
    if(currentScroll < lastScroll) {
        $('.my-div').animate({
            top:'0px'
        }, 200);
    }
    lastScroll = currentScroll;
}

或者，您可以使用setInterval ，將上次迭代間隔的滾動位置與當前迭代進行比較