移动端懒加载图片不显示全部

移动端Lazyload懒加载不显示全部图片的解决办法

在写移动端网页时，引用jquery.lazyload.js时，页面上的图片只显示一两个，并没有全部显示出来。找了半天原因，才发现了问题所在。
是因为之前的css文件里写成了 body,html{heigh:100%}
不应该固定高度，而是auto

body,html{heigh:auto}

简洁版如下：
引用：

<script src="/static/tzto/js/jquery.lazyload.js"></script>

容器高度不可以固定：

body,html{heigh:auto}

在点击事件内加定时器：

setTimeout(function(){
        $(window).resize();
},0)

ajax动态获取：

<img class="lazy" data-original=”真实图片路径“ />

在获取到图片后：

$("img.lazy").lazyload({
    threshold: 100,
    placeholder : "/static/tzto/image/loading.gif", //用图片提前占位
    event: 'scroll', 
});