javascript - スクロールバーが半分下にスクロールされているかどうかを確認します

Question

スクロールバーが半分下にスクロールされていることを確認する方法。

つまり、ユーザーが画面の半分を下にスクロールすると、警告メッセージが表示されます。

Answer 1

jquery を使用しているため、 jQuery.scroll()を使用できます。

$(window).scroll(function() {
    if ($(window).scrollTop()  > $(window).height() / 2) {        
        alert('At Half the screen');
    }
});

Answer 2

$(document).ready(function(){
    var mHeight = $(window).height();
    $(window).scroll(function(){
        var sPosition = $('body').scrollTop();
        if(sPosition > (mHeight/2)) alert('hola :)');
    });
});

Answer 3

次の方法で、表示画面の半分を取得できます

$(window).height() / 2

ページ全体のサイズの半分は

$(document).height() / 2

次に、結果をスクロール位置と比較します。

$(window).scrollTop();