7
A
回答
5
剛剛嘗試了這一點:
HTML:
<div id="postswrapper">
<div class="item">content</div>
...
<div id="loadmoreajaxloader" style="display:none;"><center><img src="ajax-loader.gif" /></center></div>
</div>
的Javascript:
<script type="text/javascript">
$(window).scroll(function()
{
if($(window).scrollTop() == $(document).height() - $(window).height())
{
$('div#loadmoreajaxloader').show();
$.ajax({
url: "loadmore.php",
success: function(html)
{
if(html)
{
$("#postswrapper").append(html);
$('div#loadmoreajaxloader').hide();
}else
{
$('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
}
}
});
}
});
</script>
4
它是否適合你的需求,你可以看看這個:http://datatables.net/examples/basic_init/scroll_y_infinite.html
即使你不熟悉的數據表,它可能陰謀你使用它,爲實現在桌子上這個無限滾動你只需要添加此jQuery代碼:
$(document).ready(function() {
$('#example').dataTable({
"bScrollInfinite": true,
"bScrollCollapse": true,
"sScrollY": "200px"
});
});
到HTML中填充表(他們有4 ways這樣做)。
Anyay,IMO,值得一看。
編輯:作爲@ SpoiledTechie.com說下面的評論 - 這是信息過時,你應該看看他們的方式支持,現在:http://datatables.net/upgrade/1.10#bScrollInfinite
1
0
這是我最喜歡的無限滾動jQuery插件中的兩個。兩者都有如何使用它們的好例子。
相關問題
- 1. jquery無限滾動 - 在div上不滾動滾動條
- 2. HTML5 + jQuery +無限滾動
- 3. jQuery無限滾動和Gridview
- 4. jQuery無限循環滾動
- 5. Jquery無限滾動插件
- 6. 無限滾動在離子2
- 7. 滾動一張大桌子
- 8. 無限滾動
- 9. 在Mvx.MvxListView上實現無限滾動
- 10. 如何在Recyclerview上無限滾動?
- 11. 如何在Javascript/jQuery的DIV內實現無限/無限滾動
- 12. UITableView像輪子一樣無限滾動
- 13. 無限滾動離子不工作
- 14. 帶兩列的離子無限滾動
- 15. Jquery,Jcarousel平滑無限滾動
- 16. jQuery不適用於無限滾動
- 17. jquery無限滾動返回重複行
- 18. Jquery無限滾動(IAS)禁用緩存
- 19. jQuery Masonry無限滾動不會停止
- 20. jQuery無限滾動/懶加載
- 21. jQuery的砌體無限滾動設立
- 22. jQuery的無限滾動觸發
- 23. jQuery的砌體和無限滾動
- 24. 無限滾動打破jQuery事件
- 25. jQuery無限/連續滾動懸停
- 26. jQuery砌體和無限滾動標題
- 27. JQuery和PHP無限滾動幫助
- 28. 無限滾動jquery插件codeigniter
- 29. jquery不能使用無限滾動
- 30. jquery datatable無限滾動(水平)
應該提到我使用.NET哈哈:)謝謝 – thatuxguy 2012-07-27 13:32:54