Javascript 粘性滚动菜单在偏移量（）时隐藏。底部-500

我有一个粘性菜单，当用户从视图顶部向下滚动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');
    }
});

---

一种解决方案是从顶部和底部（不仅仅是顶部）计算两个极限，然后将底部极限添加到条件中：

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');
    }
});

var stickTop=$（'.sidebar stick'）.offset（）.top+500；
var stickBottom=$（document）.height（）-500；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）>stickTop&&$（窗口）.scrollTop（）

根据要创建的效果，可能还需要考虑窗高