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

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