當用戶到達頁面右側時加載新內容

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"); 
    } 
    });