检查滚动条是否向下滚动了一半

Question

如何检查滚动条向下滚动一半。

我的意思是当用户向下滚动屏幕的一半时，它应该提醒消息。

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