JQuery Animate向下滚动到长列表的底部不起作用

Question

我有一个这样的页面并使用jquery pageless进行分页。现在，我需要运行一个脚本向下滚动到底部。我在循环中尝试了jquery动画，但它似乎不起作用。

<div class="main-con">
<div class="items-list">
    <h3 class="title">1000000 items</h3>
    <div class="item" item-id="1">            
        <div class="item-button"></div>
    </div>
    ...........
    <div class="item" item-id="1000000">            
        <div class="item-button"></div>
    </div>
</div>
<div id="load-more"><span>Loading more..</span></div>
<script type="text/javascript">
var total_items = 1000000 ;
var count_per_page = 30 ;
var max_id = 30;
$(document).ready(function(){
  init_pageless(total_items/count_per_page)
})
function init_pageless(total)
{
  $('.main-con').pageless({
    totalPages: total,
    currentPage: 1,
      url: $(location).attr('href'),
      loader: $("#load-more"),
      params: {
        max_id: max_id ,
        },
      inited: false,
      scrape: function(data) {
        $('.items-list').append(data.html);
        this.params.max_id = data.max_id;
      }
    })

}
</script>
</div>

我运行这个脚本不断向我滚动页面，一开始似乎没问题，但每次动画后它会越来越慢。

function loadmore() {$("html, body").animate(
   { scrollTop: $(document).height()-$(window).height() }, 100, loadmore);
}; 
loadmore();