JavaScriptでマウスのスクロールごとに実行

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
    }
});