各种网站经常看到页面滚动到可视区域，然后才加载相应的图片资源，他的本质是什么呢？本文来分析一下很简单，就是判断当前元素是否是可视区域内
假设：h1 = 滚动条滚去的高度
w1 = 滚动条滚去的宽度
h2 = 屏幕的高度
obj 表示当前对象 {x：当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y}
则应该这样判断
在y轴方向上：if(obj.x>h1&&obj.x
h1&&|obj.x+obj.offsetheight同理在x轴方向上以此类推如果使用tangram框架的话可以这样写：
复制代码 代码如下:
baidu.more = baidu.more||{};baidu.more.scrollloading = (function(){
var top = baidu.page.getscrolltop(),
left = baidu.page.getscrollleft(),
viewheight  = baidu.page.viewheight(),
viewwidth  = baidu.page.viewwidth();
var scrollload = function(element){
　  var obj = baidu.g(element)||{};
　  var pos = baidu.dom.getposition(element);
if((pos.top>top&&pos.top(pos.top+obj.offsetheight>top&& pos.top+obj.offsetheight(pos.left>left&&pos.left(pos.left+obj.offsetwidth>left&&pos.left+obj.offsetwidthloading();
};
　return {
scrollload :scrollload
}　
})()