Heim > Artikel > Web-Frontend > 原生Js页面滚动延迟加载图片实现原理及过程_javascript技巧

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

WBOYOriginal: 2016-05-16 17:31:331028Durchsuche

原理和过程
1.页面滚动加载事件
2.获取元素在页面里的top值根据滚动条的位置判断何时显示图片
3.获取元素集合加载过的图片从集合里删除
效果预览：http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/

复制代码代码如下:

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：网页禁止鼠标左右键功能的简单代码_javascript技巧Nächster Artikel：JS实现的省份级联实例代码_javascript技巧

In Verbindung stehende Artikel

Mehr sehen