iScroll4解决ipad safari浏览器局部div滚动条单手指无法滑动问题

第一步：引入iscroll.js

<script type="text/javascript" src="../js/iscroll.js"></script>

       路径根据你自己的放置位置来设定

第二步：定义div

<div id="wrapper">
      <div id="scroller">
          <div>
               ... //任何你想滚动显示的内容
          </div>
      </div>
</div>

      严格遵守这样的结构！

第三步：定义样式

#wrapper {
	width:580px;
	height: 748px;
	position: relative;
	z-index: 1;
	overflow: auto; 
}
#scroller {
	height: 1000px;
	position:relative;
	overflow: hidden;	
}

       #wrapper   overflow:auto;   必不可少

       因为这里是垂直滚动条，所以#scroller的高度要大于#wrapper

第四步：编写js

var myScroll;
function loaded() {
	setTimeout(function () {        
			myScroll = new iScroll('wrapper',{
		        checkDOMChanges:true,
		        vScrollbar:false,
		        fixedScrollbar:true,
		        useTransition:true
		    });
	   },
	 100);
}
document.addEventListener('touchmove',function (e) {
		myScroll.refresh();
		e.preventDefault();
 }, false);

document.addEventListener('DOMContentLoaded',loaded, false);

myScroll.refresh();    实现滑动的最重要的方法！

在ipad上测试通过，用一个手指滑动滚动条