当用户到达页面右侧时加载新内容

Question

有很多插件允许在用户到达页面底部时加载内容，但是我找不到允许您在用户到达文档右侧时加载内容的jquery插件。

有一个很好的策略吗？

有没有一个好的插件可以做到这一点？

谢谢， 彼得

Answer 1

$('div').scroll(function (){
  var padder = 50;
  if( $(this).scrollLeft() >= $(this).scrollWidth -padder){
     //load more content as the user has scrolled 50px less than, the end, 
  }
})

我认为这样的事情会做到....

Answer 2

这很好地完成了工作：

//Scroll
  var padder = 150;
  $(document).live('scroll',function (){
     if($(this).scrollLeft() > padder){
    $.post("data.txt", { bla: "1", blu: "ax" },
        function(data) {
         //TODO add a check when reach the end
         padder = padder +200;
         $("#events_list").width($("#events_list").width()+200);
         $("#events_list").append(data);
        },"text");
     }
  });