使用iscroll，无法正常滑动的原因

Posted 2021-01-05 panyujun

iscroll的dom元素的结构是固定的，swiper是容器，scroll是需要滚动的容器，list是滚动的内容

<div class="swiper">
    <div class="scroll">
        <div class="list"></div>
    </div>
</div>

tips：

1、swiper定位必须为relative，并且高度设置固定值，overflow:hidden;

2、swiper的高度一定要小于scroll的高度

3、初始化uiscroll时，元素必须是显示的状态

我的案例，页面中有个div容器，里面设置了两个tab，点击相互切换。div容器设置为隐藏，当点击页面中的某个按钮时，显示该div。我在页面渲染完成后，就初始化了iscroll，但是发现div滑动不了（只要一放手就回弹到初始位置）。

滚动不了的原因：初始化iscroll时，div是隐藏的状态，修改初始化的时机，当div显示后在初始化。

修改后，只有第一个tab，可以正常滑动，第二个依然无法正常滑动，原因同上，div显示时，只有第一个tab是显示的状态，所以在点击第二个tab时，需要再次初始化一次。