JavaScriptでマウスのスクロールごとにJavaScriptプログラム・関数を実行する方法についてメモです。
document.addEventListenerおよびjQueryの.on・.offとis(“:visible”)を使用します。
以下に例を紹介します。
スクロールするごとにconsole.log。
function scrollfunc(){
console.log('y')
}
document.addEventListener("scroll", scrollfunc);
// or
document.addEventListener("scroll", function(){ console.log('y') ; });
要素が見える状態の時に、一回だけ実行する例
$(window).on('scroll',function() {
if ($(document.body).is(":visible")) {
console.log('y') ;
$(window).off('scroll');
} else {
// do nothing
}
});