Grails：向下滚动页面时加载数据

【问题标题】：Grails: Load Data while Scrolling Page DownGrails：向下滚动页面时加载数据
【发布时间】：2011-11-14 15:01:52
【问题描述】：

我想像 facebook 一样在向下滚动 GSP 页面时动态加载数据。

这可能吗？

我正在使用 grails 1.3.7 谢谢。

【问题讨论】：

这是关于 javascript，而不是 grails
我猜 OP 提到了 Grails，以防万一有 Grails 插件可以帮助解决这个问题

标签： javascript grails scroll

【解决方案1】：

您可以检测滚动条是否已到达页面末尾。如果是这样，只需加载新的信息。类似的东西

$(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/

【讨论】：

刚刚添加了jsfiddle的例子，够了吗？

【解决方案2】：

您还可以参考remote-pagination plugin 0.3 版的标签remotePageScroll，通过单击按钮将更多记录加载并附加到现有列表中，就像linkedin 所做的那样。干杯！

【讨论】：