前端插件--isCroll的使用

中文文档地址:

http://wiki.jikexueyuan.com/project/iscroll-5/

效果图:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport"
 6           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7     <title>Title</title>
 8     <script src="./js/iscroll.js"></script>
 9     <style>
10         div{
11              400px;
12             height: 600px;
13             overflow: hidden;
14             border: 2px dashed #28a4c9;
15             /*因为滑动条相对于父盒子定位*/
16             position: relative;
17             
18         }
19 
20     </style>
21 </head>
22 <body>
23 <div id="wrapper">
24 <ul>
25     <li>我要滑动!!</li>
26     <li>我要滑动!!</li>
27     <li>我要滑动!!</li>
28     <li>我要滑动!!123</li>
29     <li>我要滑动!!</li>
30     <li>我要滑动!!</li>
31     <li>我要滑动!!</li>
32     <li>我要滑动!!</li>
33     <li>我要滑动!!</li>
34     <li>我要滑动!123</li>
35     <li>我要滑动!!</li>
36     <li>我要滑动!!</li>
37     <li>我要滑234动!!</li>
38     <li>我要滑动!!</li>
39     <li>我要滑动!!</li>
40     <li>我要滑动!123!</li>
41     <li>我要滑动!!</li>
42     <li>我要滑动!!</li>
43     <li>我要滑动25245!!</li>
44     <li>我要滑动!!</li>
45     <li>我要滑动!!</li>
46     <li>我要滑动!123!</li>
47     <li>我要滑动!!</li>
48     <li>我要滑动!!</li>
49     <li>我要滑动!!</li>
50     <li>我要滑动23423!!</li>
51     <li>我要滑动!!</li>
52     <li>我要滑动13134234!!</li>
53     <li>我要滑动!!</li>
54     <li>我要滑动!!</li>
55     <li>我要滑动!!</li>
56     <li>我要滑动!!</li>
57     <li>我要滑动!!</li>
58     <li>我要滑动!!</li>
59 </ul>
60 </div>
61 <script type="text/javascript">
62     var myScroll = new IScroll('#wrapper',{
63         mouseWheel: true,
64         scrollbars: true
65     });
66 </script>
67 </body>
68 </html>
原文地址:https://www.cnblogs.com/mrszhou/p/8289521.html