瀑布流请求数据的事件.

瀑布流图片区域的滚动条滚动到了底部, 会发送ajax请求后台数据,再次渲染.  记一下这个事件是在什么情况下触发的. 因为牵扯到众多的api.防止忘记.

 触发的条件: 当可视区 +  滚动距离 >  瀑布流图片区域的高度 - 定值;

代码:jquer版本和原生版

var wrapperHeight = $(".wrapper").height();//wrapper是瀑布流图片区域
// var documentHeight = document.body.offsetHeight; //也可以用body 
window.onscroll = function(){
    var scrollHeight = window.pageYOffset;//滚动条滚动的高度,当然这个兼容的话要考虑很多ie的情况,就不写了,写多了我也记不住,一般现用现查
    var innerHeight = window.innerHeight;//可视窗口高度
 
    // var scrollHeight = $(window).scrollTop()//滚动条滚动的高度
 // var windowHeight = $(window).height(); 

if(windowHeight + scrollHeight > wrapperHeight){

alert('到底了') //
}

}

 

posted @ 2019-03-18 17:35  当当和瓶瓶  阅读(438)  评论(0编辑  收藏  举报