tangram框架响应式加载图片方法

时间:2023-12-31 08:02:20
【文件属性】:

文件名称:tangram框架响应式加载图片方法

文件大小:30KB

文件格式:PDF

更新时间:2023-12-31 08:02:20

h1 ng ram

各种网站经常看到页面滚动到可视区域,然后才加载相应的图片资源,他的本质是什么呢?本文来分析一下很简单,就是判断当前元素是否是可视区域内 假设:h1 = 滚动条滚去的高度w1 = 滚动条滚去的宽度h2 = 屏幕的高度obj 表示当前对象 {x:当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y} 则应该这样判断在y轴方向上:if(obj.x>h1&&obj.x

h1&&|obj.x+obj.offsetHeight<h1+h2){loading()}同理在X轴方向上以此类推 如果使用tangram框架的话可以这样写:


网友评论