2013-05-27 77 views
1

如何檢查滾動條是否向下滾動一半。檢查滾動條是否向下滾動一半

我的意思是當用戶向下滾動一半的屏幕時,它應該提醒一條消息。

+0

的可能重複:http://stackoverflow.com/questions/4957658/trigger-jquery-function-when-passed-half-way-down-the-page –

回答

8

因爲你使用jQuery,您可以使用jQuery.scroll()

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

您可以通過

$(window).height()/2 

你一半的整個頁面的尺寸得到了可視屏幕的一半將是

$(document).height()/2 

然後將結果與滾動位置進行比較:

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