iScroll5 使用问题集合

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值