javascript - 当用户滚动特定距离时隐藏元素

Question

我搜索了问题，但没有找到特定问题的答案：当用户滚动特定距离时如何隐藏元素。我似乎无法理解这个逻辑。

我想做的事：

$(window).scroll(function(){
    if (document has been scrolled 250px or -250px) {
        $("#box").hide();
    } 
});

任何帮助，将不胜感激。谢谢。

Answer 1

$(window).bind('scroll', function(){
    if($(this).scrollTop() > 200) {
         $("#box").hide();
    }
});

Answer 2

这是演示

 $(window).scroll(function() {
if ($(this).scrollTop() > 250) { 
    $("#box").css({
        'display': 'none'
    });
}
});