Angularjs中ng-repeat与移动端滑动插件iScroll的冲突

原创 守候你的季节 随笔 JavaScript 224阅读 2017-05-05 09:32:23 举报

IScroll是在移动端开发的过程中会经常使用到的一个插件,但当其与angularjs中的ng-repeat指令配合使用时,很有可能会导致iScroll插件失效或者滑动不正常,另外当ng-repeat循环的列表动态增加时也会导致滑动不正常。

滑动不正常原因:
1.在ng-repeat未将列表循环展示出来时,iScroll便被启动了,导致滑动异常,因此需要确保ng-repeat循环完毕后再初始化iScroll
2.在动态的向ng-repeat循环列表中添加内容后,需要重新设置滑动区域#scroller的宽度,然后重新初始化一下iScroll插件
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复