实现瀑布流类似功能

思路:判断当前页面是否滑动到底部,若滑动到底部则使用ajax异步加载接下来的内容,使用append插入到当前页面中。

问题解决:
1、
Q:怎么判断当前页面是否滑动到底部

** A:判断滚动了的高度加上视窗高度是否大于等于文档高度**

 var $window = $(window);
 var $document = $(document);
 $window.scroll(function(){
            if ($document.scrollTop() + $window.height() >= $document.height()) {
                     //scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置,即当前滚动的地方的窗口顶端到整个页面顶端的距离
                    //$(window).height()表示当前窗口的高度
                    //$(document).height()则代表了整个文档的高度
              } else {
            }
        });

2、
Q:怎么在数据加载时在底部显示加载中,加载成功后消失

A:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,004评论 25 708
  • 好累却睡不着,画了可爱*^o^*的猫咪老师,好喜欢它啊,终于等到了第六季啊,激动\(≧≦)/
    不吃番茄会死星人阅读 312评论 7 5
  • 那段时间我带紊和阿基他们一起喝酒,然后一起去玩。有次紊帮我代酒喝醉。我将其抱回寝室,然后准备和他们一起去唱歌。紊坚...
    乱乱310阅读 349评论 0 3
  • 每当大家说到“毕业”这个词的时候,内心通常会被不舍和伤感的情绪所填满,而这次21天理财训练营毕业却给了我不一...
    小小诸葛阅读 519评论 1 10
  • 初中时的一个暑假,我心血来潮翻出一张硬纸片,在上面写下几个字:25 岁,100 万。 意思你们肯定猜到了:要在 2...
    lemarc9723阅读 462评论 0 2