divがJSイベントよりもスクロールした場合

Question

フルボディスライドのあるWebサイトで作業していますが、ボディのオーバーフローが隠されています。スライドのコンテンツがユーザーの画面の高さよりも大きい場合、ユーザーはスクロールバーを使用してスクロールするか、モバイルで下にスワイプする必要があります。

ユーザーがJSイベントトリガーよりも（たとえば）50pxをスクロールし、ユーザーが別のJSイベントトリガーをスクロールして戻すようにする必要があります。これは、ユーザーがスクロールすると要素を隠すことができ、要素が再び先頭に戻る場合はreapperすることができます。

私は、ユーザーがスクロールするときに機能しますが、それよりも大きい値を定義し、それが値より小さいときには他のイベントを持つ必要がある必要があります。

$(".section").scroll(function() { 
    $("#header").css("display", "none").fadeOut("slow"); 
}); 

いずれのアイデアも大変ありがとうございます。

乾杯 リアム

Answer 1

$(this).scrollTop()を使用してみてください：

$(".section").scroll(function() { 
    if ($(this).scrollTop() > 50) { 
    // do something 
    } else { 
    // do something else 
    } 
});