web移动端滑动

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">在移动端开发时遇到div设置了overflow：auto，被遮住的那部分想要滑动显示出来却没有滑动效果不能滚动，ios上只能移动没有滚动效果。</span>

而解决这问题用iscroll可以很好的解决，效果不错，iscroll可以实现的功能还是很不错的，

可以实现移动端的幻灯片滑动，下拉刷新等，详细可以查看iscroll的api。

1.

引入iscroll.js。

2.

加入脚本

var myscroll;

function loaded(){

myscroll=new iScroll("wrapper");

}

window.addEventListener("DOMContentLoaded",loaded,false);

3

html

<div class="box">
    <div id="wrapper">
          <ul>
               <li>内容。。</li>
          </ul>
    </div>
</div>

id  wrapper 的下一元素就是滚动的那个元素。

例如box的heigth：500px，overflow：auto；
wrapper的heigth：500px，那么ul     heigth：1000px，那么滑动内容的时候内容就会滚动起来，并且有惯性的感觉。