Jquery的 scroll事件，实现当滚动条到达最底部时，自动加载新项[转]

最新推荐文章于 2022-10-11 09:24:06 发布

muzizhuben

最新推荐文章于 2022-10-11 09:24:06 发布

阅读量2.8w

点赞数 2

分类专栏： jquery

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Jquery的 scroll事件，实现当滚动条到达最底部时，自动加载新项

主题：使用 Jquery的 scroll事件，实现当滚动条到达最底部时，自动加载新项

原理：滚动条事件中，判断是否到达最底部，是的话调用添加方法，异步向尾部追加内容。

补充1：网上有找到一个此效果的网站：www.diandian.com

2：替代方案：QQ空间的好友动态中使用在最底部放置一个按钮，之后异步加载数据！

前置条件：添加jquery.min.js

源码：

（以下代码，关于判断是否为最底部的方式，其精确性有待进一步研究）

----------------------------------------------------------------------------------------------------------------------------------------------

<html>

<head>

                  /*判断窗体高度与竖向滚动位移大小相加是否超过内容页高度*/
                        if (($(window).height() + $(window).scrollTop()) >= $body.height()) {
                            $("#page_tag_load").show();
                            //setTimeout(insertcode, 1000);/*IE 不支持*/
                            insertcode();
                        }
                    });
                });
    </script>
</head>

</html>