前端之家收集整理的这篇文章主要介绍了
(JavaScript) 滚动到指定位置后加载更多图片,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Box);
}
}
});
};
二、知识点
1. scroll
@H_
403_9@
scroll
事件一般与
window
绑定。
2. getBoundingClientRect函数
@H_
403_9@
Element.getBoundingClientRect()
方法返回元素的大小及其相对于视口的位置。
@H_403_9@rectObject = object.getBoundingClientRect();
@H_
403_9@返回值为一个对象,
包括四个Key(若兼容至
IE9
,可
增加width
与
height
两个Key),单位为像素:
top
为元素上端与视口上端的距离,
bottom
为元素下端到视口上端的距离,
left
为元素左端到视口左端的距离,
right
为元素右端到视口左端的距离。
3. window.innerHeight
@H_
403_9@浏览器窗口的视口(viewport)高度(以像素为单位),如果存在水平滚动条,则
包括它。兼容至
IE9
。