jQuery无限滚动在桌子上?

有没有人知道一个好的教程,或jQuery插件,我可以用来添加无限滚动到我的桌子上?

当用户向下滚动页面时,我基本上想要向表中添加更多行。

提前致谢。

试试吧:

HTML:

content
...

使用Javascript:

  

如果它符合您的需求,您可以查看此内容: http : //datatables.net/examples/basic_init/scroll_y_infinite.html

即使您不熟悉数据表,也可能会引起您的兴趣,因为要在表上实现这种无限滚动,您只需添加此jQuery代码:

 $(document).ready(function() { $('#example').dataTable( { "bScrollInfinite": true, "bScrollCollapse": true, "sScrollY": "200px" } ); } ); 

到html中的填充表(他们有4种方法可以做到这一点)。

Anyay,IMO,值得一试。

编辑:正如@ SpoiledTechie.com在评论中所说的那样 – 这个信息已经过时,你现在应该研究它们支持的方式: http : //datatables.net/upgrade/1.10#bScrollInfinite

这是我最喜欢的两个用于无限滚动的jquery插件。 两者都有很好的例子来说明如何使用它们。

https://github.com/msjolund/jquery-esn-autobrowse

https://github.com/paulirish/infinite-scroll/