JQ加载瀑布流

所谓瀑布流就是动态加载图片实现异步刷新,不用在使用分页等,具体可参考微博,qq空间等。

要想实现就需要给滚动条加一个监听事件,如果滚动条到最低端就加载你想加载的东西,

怎么去监听呢,需要什么属性呢有如下:

scrollTop():scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置

height()返回第一个匹配元素的高度。

具体判断

$(document).scrollTop() + $(window).height() >= $(document).height()

获得得到滚动条位置与第当前个匹配元素的高度相加大于>获得得到滚动条位置的高度,就是想到与滚动条到了最低端

下面上代码:

//		 var html="";
		 $(window).scroll(function () {
    if ($(document).scrollTop() + $(window).height() >= $(document).height()) {
             //处理逻辑,你要添加的数据
             html +='<div class="aaa">'
	     html +='</div>'
	   $("#添加到那个div的id").append(html);
    }
});

很简单的就完成了

猜你喜欢

转载自blog.csdn.net/qq_33188563/article/details/81951840