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
您可能想查看以下链接:
http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/#.UBKSdHWi6so
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/
http://wp.tutsplus.com/tutorials/theme-development/how-to-create-infinite-scroll-pagination/
我希望这有帮助!
这是我最喜欢的两个用于无限滚动的jquery插件。 两者都有很好的例子来说明如何使用它们。