使用Jquery進行頁面滾動

Question

我想在完全向下滾動時向頁面添加一些功能。 任何人都可以告訴是否有任何方法來查找頁面是否完全使用Jquery向下滾動？

Answer 1

試試這個。

$(window).scroll(function(){ 
    if(($(document).height() - $(document).scrollTop()) == $(window).height()){ 
     //Scroll reached at the bottom 
    } 
}); 

Demo

Answer 2

jQuery Waypoints是這份工作的合適工具。有幾個演示突出了Waypoint使用的事件驅動模型。

Answer 3

對於滾動映射，你可以使用這個;

$(window).scroll(function() { 
    var scrollVal = $(this).scrollTop(); 
    //console.log(scrollVal); 

    if (scrollVal > 0 && scrollVal < 100){ 
    //code 
    }else if (scrollVal > 100 && scrollVal < 200) { 
    //code 
    }else{ //bigger than 200px 
    //code 
    } 

});