iScroll的使用

Posted 2021-02-05 yangguoe

CDN:

<script src="//ossweb-img.qq.com/images/js/iscroll_library/iscroll-5.2.0.js"></script>
最佳的html结构如下：

1 <div id="wrapper">
2     <ul>
3         <li>...</li>
4         <li>...</li>
5         ...
6     </ul>
7 </div>

iScroll作用于滚动区域的外层，只有容器元素的第一个子元素能进行滚动，其它子元素完全被忽略；

初始化方式:

1 var myScroll = new IScroll(‘#wrapper‘, {
2     mouseWheel: true,//开启鼠标滚轮支持
3     scrollbars: true//开启滚动条支持
4 });