实现瀑布流类似功能

思路:判断当前页面是否滑动到底部,若滑动到底部则使用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:

你可能感兴趣的:(实现瀑布流类似功能)