iPhone的延迟加载问题

问题描述

我的lazyload代码在大型设备上运行良好。也可以在Chrome中无法在iPhone上运行的小型设备中使用。需要帮助

这是我的代码：

document.addEventListener("DOMContentLoaded",function() {
  var lazyloadImages = document.querySelectorAll("img.lazy");    
  var lazyloadThrottleTimeout;
  
  function lazyload () {
    if(lazyloadThrottleTimeout) {
      clearTimeout(lazyloadThrottleTimeout);
    }    
    
    lazyloadThrottleTimeout = setTimeout(function() {
        var scrollTop = window.pageYOffset;
        lazyloadImages.forEach(function(img) {
            if(img.offsetTop < (window.innerHeight + scrollTop)) {
              img.src = img.dataset.src;
              img.classList.remove('lazy');
            }
        });
        if(lazyloadImages.length == 0) { 
          document.removeEventListener("scroll",lazyload);
          window.removeEventListener("resize",lazyload);
          window.removeEventListener("orientationChange",lazyload);
        }
    },20);
  }
  
  document.addEventListener("scroll",lazyload);
  window.addEventListener("resize",lazyload);
  window.addEventListener("orientationChange",lazyload);
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）