JavaScript 获取元素的坐标详解(6)

   浏览器兼容性:

Chrome   FireFox   IE   Safari   Edge  
Support   Support   IE8+ Support   Support   Support  

  IE7 也可以使用,不过结果可能会有一点差异。

 扩展:图片懒加载

  在文章的开始,我们提到过图片懒加载的问题,那么具体需要怎么实现呢?这里只是给出一个思路:

  初始状态下不设置 img 的 src,将图片的真实 url 缓存在 Img 标签上,我们可以设置为 data-src ,这样图片就不会加载了,随后给鼠标添加 mousescroll 事情,每次鼠标滚动的时候将进入可视区域的图片的 src 还原,这样也就实现了图片懒加载效果。不过初始状态下需要将页面可视区域的图片先加载出来。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7725245ec6fa33d3720f7762721443bb.html