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时,元素必须是显示的状态,

4、如果底部还是无法拉上去,查看list中的每个item之间是否有padding,margin(如果是上下滑动,则查看上下),取消padding和margin

5、scroll 是你想要在多大的容器里滚动,list是真正要滚动的内容,所以scrollbar 设置为list

6、使用scroll 上下滚动到指定高度的时候,使用scrollTo,要判断最大的滚动距离maxScrollY,如果超出这个距离,会先滚到这个位置后再返回回去。

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

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

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

最新文章

  1. iOS通知的整理笔记
  2. Android中点击隐藏软键盘最佳方法——Android开发之路4
  3. [hadoop in Action] 第3章 Hadoop组件
  4. Agile
  5. 用jsonp格式的数据进行ajax post请求变成get
  6. INADDR_ANY
  7. 【编程题目】设计包含 min 函数的栈
  8. 中介者模式(Mediator)
  9. three.js
  10. jQuery数组处理汇总
  11. Java之NIO传输数据
  12. 关于SQL语言,查询关联多张表出现的,无法返回空值的问题。
  13. AE 3D摄像机工作原理
  14. 【bootstrap】时间选择器datetimepicker和daterangepicker
  15. jQuery仿淘宝图片无缝滚动轮播
  16. PHP 7.1 新特性
  17. python_如何使用临时文件
  18. SQL模板资源管理器,你用了吗?
  19. MySQL数据库学习笔记----MySQL多表查询之外键、表连接、子查询、索引
  20. FineUIPro控件库深度解析

热门文章

  1. 字符转ASCII码
  2. Caused by: java.lang.ClassNotFoundException: Didn&#39;t find class &quot;io.grpc.helloworldexample.HelloworldActivity&quot; on path: DexPathList
  3. FormsAuthenticationTicket
  4. 安装 jpegtran-cffi 使用 from jpegtran import JPEGImage
  5. C 语言的 GCC 扩展
  6. Hankson 的趣味题
  7. [转]通过Spring Boot三分钟创建Spring Web项目
  8. python全栈开发day87~91-整个流程梳理、CRM功能、知识点梳理
  9. 批处理打开关闭服务(ArcSDE+Oracle92的)
  10. if-else(职责链)