各种
网站经常看到页面滚动到可视
区域,然后加载相应的
图片资源。他的本性是什么这是本文中非常简单的一个分析,它将确定当前元素是否在可视区域内。
假设:轧制带钢高度
W1 =滚动条的宽度
屏幕高度
对象表示当前对象{ x:相对于
文档的左上角的当前对象的
位置X和Y,Y }:当前对象相对于文档的左上角
应该用这种
方法来判断。
在Y轴方向:如果(obj。x > h1obj。XH1 | OBJ。x + obj。offsetheight<h1 + H2){ }()加载
x轴方向的类比
如果你用七巧板的框架,你可以这样写:
复制代码代码如下所示:
baidu.more =百度。更| | { };
baidu.more.scrollloading =(
功能){
var = baidu.page.getscrolltop(),
左= baidu.page.getscrollleft(),
viewheight = baidu.page.viewheight(),
viewwidth = baidu.page.viewwidth();
无功scrollload =功能(元){
var obj =百度。G(元)| | { };
VaR POS = baidu.dom.getposition(元);
如果((pos.top > toppos。顶<顶+ viewheight)| |
(pos.top + obj。offsetheight >上pos.top + obj。offsetheight <顶+ viewheight)| |
(pos.left > leftpos。左<左+ viewwidth)| |
(pos.left + obj。offsetwidth > leftpos。左+ obj。offsetwidth <左+ viewwidth)){
加载();
};
返回{
scrollload:scrollload
}
})