偏移量（）時隱藏粘性滾動菜單。底部-500

Question

我有一個粘性菜單，當用戶從視圖頂部向下滾動500px時出現。 當用戶從底部向下滾動到500px時，我也希望它也隱藏起來。

提前致謝。

var stickTop = $('.sidebar-stick').offset().top + 500;
$(window).scroll(function(){
    if( $(window).scrollTop() > stickTop ) {
        $('.sidebar-stick').css({opacity: '1'});
        $('.stick-dummy').css('display', 'block');
    } else {
        $('.sidebar-stick').css({opacity: '0'});
        $('.stick-dummy').css('display', 'none');
    }
});

Answer 1

一種解決方案是從頂部和底部（不僅是頂部）計算限制，然后將底部限制添加到條件中：

var stickTop = $('.sidebar-stick').offset().top + 500;
var stickBottom = $(document).height() - 500;

$(window).scroll(function(){
    if( $(window).scrollTop() > stickTop && $(window).scrollTop() < stickBottom) {
        $('.sidebar-stick').css({opacity: '1'});
        $('.stick-dummy').css('display', 'block');
    } else {
        $('.sidebar-stick').css({opacity: '0'});
        $('.stick-dummy').css('display', 'none');
    }
});

根據要創建的效果，您可能還需要考慮窗口高度。