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

Question

我搜索了一些问题并且没有找到我的具体问题的答案：如何在用户滚动特定距离时隐藏元素。我似乎无法绕过逻辑。

我想做什么：

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

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

Answer 1

this is demo

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

Answer 2

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