iScroll的使用

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 });

 

posted @ 2019-01-24 09:30  前端极客  阅读(779)  评论(0编辑  收藏