dom内容区域的滚动overflow,scroll

去掉手机上点击点中的默认高亮效果

-webkit-tap-highlight-color: rgba(0,0,0,0);

ios手动启动一下监听touch事件以响应css伪类:

document.addEventListener("touchstart", function(){}, true)

 

传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容

1.  弹性滚动  android3+与ios5+版本增加了一个新的属性：overflow-scrolling
     这个弹性滚动感觉起来像原生应用，因为这个本来就是原生的滚动。你只需要向可滚动区域增加一行代码。

     隐藏的问题,由于使用硬件渲染,这个在手机端safarai会导致z轴偏高于static,但不会高于相应z-index设置的元素.

    参考:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

//-webkit-overflow-scrolling: touch;

.container{

...
overflow:auto;/* winphone8和android4+ */

-webkit-overflow-scrolling: touch;

}

<div class="wrapper">

    <div class="container">

　　　　<div class="item">....</div>

　　　　<div class="item">....</div>

　　　　<div class="item">....</div>

　　　　<div class="item">....</div>

　　　　<div class="item">....</div>

    </div>

</div>

 

2.使用iscroll

参考http://www.cnblogs.com/PeunZhang/p/3553020.html