中文文档地址:
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>