随笔

随笔1

JS getBoundingClientRect()

可以用来实现懒加载

返回一个对象DOMRect，包含以下属性：

bottom: 元素下边界距离浏览器窗口顶部的距离;
height: 元素高度;
top: 元素上边界距离浏览器窗口顶部的距离;
width: 元素宽度;
x: 元素左边界距离浏览器窗口左边的距离;
y: 元素上边界距离浏览器窗口顶部的距离;

大致代码：

var div = document.getElementById("dd");
window.onscroll = function(){
	var bound = div.getBoundingClientRect(),
		t = bound.top,
	    clientHeight = window.innerHeight;
	if(t<clientHeight+100){
		//加载需要的内容...
	}
}

clientHeight+100为了提前加载