近期用到 iscroll.js 插件,找了几篇参考,网址如下:
- 有使用的详细步骤和说明: [http://caibaojian.com/iscroll-5/]
- 参考文档(http://www.mamicode.com/info-detail-331827.html)
- git 下载地址[(https://github.com/cubiq/iscroll)
最后本人总结了以下使用主要注意点:
- 使用这个插件是基于父容器嵌套子容器的
- 父容器需要宽高
- 子容器如果要在父容器中纵向滚动(默认是纵向滚动) ,子容器的高一定要溢出父容器才有效。
- 子容器如果要在父容器中横向滚动(需要传参
{scrollX:true,scrollY:false}
),此时子元素宽度要溢出父元素。 - 由于此插件使用的时候都要依赖父元素,子元素的宽高,所以要尽量获取元素的真实精确的宽高。可以注意几点:
- 可以放在入口函数 window.onload 中是使用,因为onload 事件会等待所有的外部资源 ,元素,图片等加载完,再执行。
- 如果有 ajax 请求,子元素是动态渲染的,需要等到子元素渲染完之后,再 初始化。