数码资讯
七巧板框架响应加载图像的方法
各种网站经常看到页面滚动到可视区域,然后加载相应的图片资源。他的本性是什么这是本文中非常简单的一个分析,它将确定当前元素是否在可视区域内。 假设:轧制带钢高度 W1 =滚动条的宽度 屏幕高度 对象表示当前对象{ x:相对于文档的左上角的当前对象的位置X和Y,Y }:当前对象相对于文档的左上角 应该用
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
各种网站经常看到页面滚动到可视区域,然后加载相应的图片资源。他的本性是什么这是本文中非常简单的一个分析,它将确定当前元素是否在可视区域内。
假设:轧制带钢高度
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
}
})
假设:轧制带钢高度
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
}
})
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。