美文网首页
实现瀑布流类似功能

实现瀑布流类似功能

作者: JenniferYe | 来源:发表于2016-03-31 20:57 被阅读33次

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

    相关文章

      网友评论

          本文标题:实现瀑布流类似功能

          本文链接:https://www.haomeiwen.com/subject/ulrslttx.html