新版本的LazyLoad使用IntersectionObserver API实现,但是实际用的时候,safari使用LazyLoad失效了。
1 LazyLoad.prototype = { 2 init: function() { 3 4 /* Without observers load everything and bail out early. */ 5 if (!root.IntersectionObserver) { 6 this.loadImages(); 7 return; 8 } 9 } 10 }
调试打断点发现root.IntersectionObserver 对象老是为“undefined”,后面发现是兼容性问题.
https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/root
官方文档里说的很清楚,safari和ie不支持。
后来搜索发现网上已经有polyfill,https://github.com/w3c/IntersectionObserver/tree/master/polyfill,下载下来js引用就可以啦
另附上两位大佬写的文章,对你们有所帮助:
https://www.cnblogs.com/ziyunfei/p/5558712.html 作者:紫云飞
http://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html 作者:阮一峰