cari

Rumah >hujung hadapan web >tutorial js >原生Js页面滚动延迟加载图片实现原理及过程_javascript技巧

原生Js页面滚动延迟加载图片实现原理及过程_javascript技巧

WBOY
WBOYasal
2016-05-16 17:31:331100semak imbas
原理和过程
1.页面滚动加载事件
2.获取元素在页面里的top值 根据滚动条的位置 判断何时显示图片
3.获取元素集合 加载过的图片从集合里删除
效果预览：http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/
复制代码 代码如下:





原生Js页面滚动延迟加载图片







Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：网页禁止鼠标左右键功能的简单代码_javascript技巧Artikel seterusnya：JS实现的省份级联实例代码_javascript技巧

Artikel berkaitan

Lihat lagi