七巧板框架响应加载图像的方法

七巧板框架响应加载图像的方法
各种网站经常看到页面滚动到可视区域,然后加载相应的图片资源。他的本性是什么这是本文中非常简单的一个分析,它将确定当前元素是否在可视区域内。

假设:轧制带钢高度
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

}

})
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部