jQuery无限滚动在桌子上?

前端之家收集整理的这篇文章主要介绍了jQuery无限滚动在桌子上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道一个好的教程,或jQuery插件,我可以用来添加无限滚动到我的桌子上?

用户向下滚动页面时,我基本上想要向表中添加更多行.

提前致谢.

解决方法

试试吧:

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>
原文链接:https://www.f2er.com/jquery/178677.html

猜你在找的jQuery相关文章