2011-11-14 51 views
1

我想動態加載數據,而像Facebook一樣滾動GSP頁面。Grails:在滾動頁面時加載數據

這可能嗎?

我正在使用grails 1.3.7 謝謝。

+0

這是關於JavaScript,而不是grails –

+0

我想OP提到Grails的情況下,有一個Grails插件,可以幫助這個 –

回答

6

您可以檢測滾動條是否已到達頁面的末尾。如果是這樣,只需加載新的信息。像

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     loadNewData(); 
    } 
}); 

function loadNewData(){ 
    /* add code to fetch new content and add it to the DOM */ 
} 

的東西在這裏是對的jsfiddle

爲例

http://jsfiddle.net/QsNCy/

+0

謝謝, 有沒有任何詳細的例子? – mehdouch

+0

剛剛添加jsfiddle的例子,夠了嗎? –

2

您也可以參考0.3 remote-pagination plugin版本標記remotePageScroll加載並追加更多的記錄添加到現有列表上的點擊按鈕,就像LinkedIn所做的一樣。 乾杯!