Grails:向下滚动时加载数据

时间:2011-11-14 15:01:52

标签: javascript grails scroll

我想像Facebook一样滚动GSP Page Down时动态加载数据。

这可能吗?

我使用的是grails 1.3.7 感谢。

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:2)

你也可以参考remote-pagination plugin版本0.3的标签remotePageScroll,只需点击一下按钮就可以加载并将更多记录附加到现有列表中,就像你所做的那样。 干杯!