欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 关于iscroll.js滚动容器中动态插入的元素无法滚动的问题,该如何解决?

程序员文章站 2022-04-13 23:45:20
...
直接写在html里面的内容能滚动,用js动态插入的html结构则无法滚动,是怎么回事?

回复内容:

直接写在html里面的内容能滚动,用js动态插入的html结构则无法滚动,是怎么回事?

iScroll对象有个方法叫做refresh(),插入html后调用该方法即可

你好楼主,我之前也遇到过这个问题,你只需要先将html结构用js插入页面后再实例化iscroll就可以了,希望可以帮到你!

like this

   $('#cart-pop').html(str);
   stateMap.myScroll3 = new IScroll('#wrapper-cart', { mouseWheel: true, click: true,probeType: 2});

这种情况是因为,初始化iscroll时,scroller高度并不是固定的。你可以在加载完你的dom后初始化iscroll。比如把iscroll的初始化方法写在ajax的success函数里面。

让iscroll重新计算一下高度就好了