1 不滚动
通过API 及demo 可以知道,最简单滚动结构如下:
<div class="box">
<div class="scrollBox></div>
</div>
<p>约定:内层div 是指上述 .scrollBox </p>
1 内容元素高度异常
通过调试器调试会发现:IScroll 会计算,内层div 的容器的高度,当内层div 的高度没有正确感知其内容高度时,比如,上述内层div 采用绝对定位,高度自动,top.bottom均为0,
:解决办法:让内层div 获得高度,起码要超过外层结构高度,要不然滚什么,
2 很多场景需要事先隐藏滚动元素,在其未显示时初始化,IScroll 导致 显示时,不能正确感知其内层结构高度,
3 在滚动区动态添加元素,导致不能正确感知其内层结构高度,
2,3 解决办法,在显示或添加元素后,调用,IScroll实例的 refresh()方法,
4 滚动区点击事件失效,
解决办法:实例初始化时,添加参数:click:true