中文文档地址:

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

效果图:

前端插件--isCroll的使用-LMLPHP

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Title</title>
<script src="./js/iscroll.js"></script>
<style>
div{
width: 400px;
height: 600px;
overflow: hidden;
border: 2px dashed #28a4c9;
/*因为滑动条相对于父盒子定位*/
position: relative; } </style>
</head>
<body>
<div id="wrapper">
<ul>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!123</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!123</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑234动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!123!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动25245!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!123!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动23423!!</li>
<li>我要滑动!!</li>
<li>我要滑动13134234!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
<li>我要滑动!!</li>
</ul>
</div>
<script type="text/javascript">
var myScroll = new IScroll('#wrapper',{
mouseWheel: true,
scrollbars: true
});
</script>
</body>
</html>
05-11 20:13