javascript - ユーザーが特定の距離をスクロールしたときに要素を非表示にする

Question

質問を検索しましたが、特定の問題に対する答えが見つかりませんでした: ユーザーが特定の距離をスクロールしたときに要素を非表示にする方法。ロジックに頭が回らないようです。

私がしたいこと：

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

どんな助けでも大歓迎です。ありがとう。

Answer 1

これはデモです

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