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

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

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

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

很抱歉给您带来不便，但这需要我至少有10个声誉发布图像或超过2个链接

项目限额：[http://upanh.biz/images/2014/03/27/itemlimit.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

<div id="WebPartWPQ1">
<div>
    <table>
    <table>
        <tbody>
            <tr><td>something1</td></tr>
            <tr><td>something2</td></tr>
            <tr><td>something3</td></tr>
            <tr><td>something4</td></tr>
            <tr><td>something5</td></tr>
            <tr><td>something6</td></tr>
            <tr><td>something7</td></tr>
            <tr><td>something8</td></tr>
            <tr><td>something9</td></tr>
            <tr><td>something10</td></tr>
            <tr><td>something11</td></tr>
            <tr><td>something12</td></tr>
            <tr><td>something13</td></tr>
            <tr><td>something14</td></tr>
            <tr><td>something15</td></tr>
            <tr><td>something16</td></tr>
            <tr><td>something17</td></tr>
            <tr><td>something18</td></tr>
            <tr><td>something19</td></tr>
            <tr><td>something20</td></tr>
            <tr><td>something21</td></tr>
            <tr><td>something22</td></tr>
            <tr><td>something23</td></tr>
            <tr><td>something24</td></tr>
            <tr><td>something25</td></tr>
            <tr><td>something26</td></tr>
            <tr><td>something27</td></tr>
            <tr><td>something28</td></tr>
            <tr><td>something29</td></tr>
            <tr><td>something30</td></tr>
            <tr><td>...more rows...</td></tr>
        </tbody>
    </table>
    </table>
    <table class="ms-bottompaging">something</table>
    <table id="Hero-WPQ1">something</table>
</div>

有些事
什么
有些事
有些事
什么
什么
什么
什么
有些事
有些事
有些事
什么
有些事
有些事
什么事
有些事
有些事
有些事
有些事
差不多
什么事
什么事
什么事
什么事
什么事
有些事
什么
什么
什么事
差不多
…更多行。。。
某物
某物

---

我想，这对你会有用的

 $(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("<tr><td>something"+rowCount+i+"</td></tr>");
         }
         y += x;
        }else{
         return false;
        }
     } 
   });

$（文档）.ready（函数（）{
$（'#WebPartWPQ1 table'）.eq（0）.attr（“id”，“myNewTable”）；
$（“#myNewTable tr”）.slice（30.hide（）；
var rowCount=$（'#myNewTable tr'）。长度；
//警报（行计数）；
var y=0；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（））{
$（“#myNewTable tr”）.slice（20.hide（）；
var x=0；
/*在这里追加下十行*/
如果（y<20）{/*要添加的最大行数*/
对于（var i=0；i@Smruti：谢谢你的回复。现在，它可以工作了，但是当它到达最后一个项目时，我如何停止它？当它到达最后一个项目时，只需使用“return false；”@Smruti：谢谢，这很好。它返回最终结果，但当我向下滚动时，它仍会加载更多，如下图（1）所示。如何停止使用滚动条加载更多行？我真的想显示一些
，如下图（2）？这意味着在for循环之前在
中添加隐藏行，提供一个条件，好像（rowcount<45）意味着将for循环置于此条件内。这将停止以追加更多行。@Smruti:我已经尝试过，但没有效果。请查看一下-我说的对吗？