使用Javascript滚动到底部时如何附加更多行

它位于SharePoint 2010中，但我认为它可能会正常运行。

1 。 默认情况下，每页的项目限制为30。 因此，我已经完成了在页面加载中显示30行的列表，然后我将鼠标向下滚动到底部并隐藏了最后10行。

摘要 ：页面加载30行 – >向下滚动到底部 – >显示20行（隐藏最后10行）。

很抱歉给您带来不便，但要求我发布图片或超过2个链接至少有10个声望。

物品限制：[http://sofzh.miximages.com/javascript/itemlimit.png]

向下滚动到底部时： http ： //upanh.biz/images/2014/03/27/bottom.png

该列表已更改： http ： //upanh.biz/images/2014/03/27/final.png

问题 ：我不知道在向下滚动到页面底部时如何追加10行而不重新加载它的方式（项目限制可以修改为每页100个项目）。

摘要 ：页面加载30行 – >向下滚动到底部 – >显示40行

Javascript为1 ：

$(document).ready(function() { $('#WebPartWPQ1 table table').eq(0).attr("id", "myNewTable"); $("#myNewTable tr").slice(30).hide(); var rowCount = $('#myNewTable tr').length; //alert(rowCount); $(window).scroll(function () { if ($(window).scrollTop() + $(window).height() == $(document).height()) { $("#myNewTable tr").slice(20).hide(); alert("bottom"); } }); 

HTML

 
 
 
 
 
something1
 
something2
 
something3
 
something4
 
something5
 
something6
 
something7
 
something8
 
something9
 
something10
 
something11
 
something12
 
something13
 
something14
 
something15
 
something16
 
something17
 
something18
 
something19
 
something20
 
something21
 
something22
 
something23
 
something24
 
something25
 
something26
 
something27
 
something28
 
something29
 
something30
 
...more rows...
 
 
  something something  

Answer 1

我想，它对你有用

  $(document).ready(function() { $('#WebPartWPQ1 table table').eq(0).attr("id", "myNewTable"); $("#myNewTable tr").slice(30).hide(); var rowCount = $('#myNewTable tr').length; //alert(rowCount); var y = 0; $(window).scroll(function () { if ($(window).scrollTop() + $(window).height() == $(document).height()) { $("#myNewTable tr").slice(20).hide(); var x = 0; /* Append next ten rows here */ if(y < 20){ /* Maximum row you want to add*/ for(var i=0;i<10;i++){ x++; $("#myNewTable").append("something"+rowCount+i+""); } y += x; }else{ return false; } } }); 

如果要显示数据库中的下10行数据，则使用jquery的ajax（）而不是for循环。