使用iscroll插件没有滚动效果

起因:由于图片是网络上的图片,服务器那边获取的,不是本地资源,所有得要看用户的网速

原因:因为图片还没加载好,就开始渲染插件了,会导致父元素没有高度,即不能滚动

解决:等获取到所有图片并且加载好之后再去渲染插件的初始js

          1.获取所有图片

           2.使用load事件,资源加载完成

如:以下代码的基本操作

var conms = $(".right .box img").length;
        $(".right .box img").on("load", function () {
            conms--;
            if (conms == 0) {
                new IScroll('.right');
            }
 })

猜你喜欢

转载自blog.csdn.net/Hgh_1997/article/details/82630961
今日推荐