首页 > 其他 > 详细

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

时间:2018-09-13 12:57:42      阅读:198      评论:0      收藏:0      [点我收藏+]

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时,需要再次初始化一次。

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

原文:https://www.cnblogs.com/panyujun/p/9639722.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!