100vh（オーバーフロー）divでスクロールするときにクラスを追加/削除する

Question

divをスクロールするときにdivを追加/削除しようとしていますが、divの高さが100vhでオーバーフローする問題があります。垂直スクロール。現在のスクロール機能は、div内ではなくページ内を実際にスクロールする場合にのみ機能します。

ページ全体ではなくdivをスクロールするときに追加/削除する同様のスクロール機能が可能ですか？

$(function() { 
    var header = $("#scroller-wrapper"); 
    $(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll >= 50) { 
     header.removeClass('scroller').addClass("scroller hidden"); 
    } else { 
     header.removeClass("scroller hidden").addClass('scroller'); 
    } 
    }); 
});  

Answer 1

このスクリプトを試すことができます。

$(function() { 
var header = $("#scroller-wrapper"); 
$("#div_for-which_you_want_to_capture_scroll").scroll(function() {  
var scroll = $('#div_for-which_you_want_to_capture_scroll').scrollTop(); 

console.log(scroll); 
if (scroll >= 50) { 
    header.removeClass('scroller').addClass("scroller hidden"); 
} else { 
    header.removeClass("scroller hidden").addClass('scroller'); 
} 
}); 
});