javascript - Check if scrollbar is scrolled down a half

Question

How to check the scrollbar is scrolled down a half.

I mean when the user scrolls down over a half of screen, it should alert a message.

Answer 1

由于您使用的是 jquery，因此您可以使用jQuery.scroll()：

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

Answer 2

您可以通过以下方式获得可见屏幕的一半

$(window).height() / 2

整个页面大小的一半将是

$(document).height() / 2

然后将结果与滚动位置进行比较：

$(window).scrollTop();

Answer 3

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