使用Jquery的页面滚动

Question

我想添加一些功能到我的页面时，它是完全向下滚动。有没有人能用Jquery判断页面是否已经完全向下滚动了？

Answer 1

尝尝这个。

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

Answer 2

jQuery Waypoints是适合这项工作的工具。有几个演示突出了Waypoints利用的事件驱动模型。

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
   }

});