去掉手機(jī)上點(diǎn)擊點(diǎn)中的默認(rèn)高亮效果

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

ios手動(dòng)啟動(dòng)一下監(jiān)聽(tīng)touch事件以響應(yīng)css偽類:

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

?

傳統(tǒng) pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出現(xiàn)滾動(dòng)條拖動(dòng)顯示溢出的內(nèi)容

1.? 彈性滾動(dòng)? android3+與ios5+版本增加了一個(gè)新的屬性：overflow-scrolling
???? 這個(gè)彈性滾動(dòng)感覺(jué)起來(lái)像原生應(yīng)用，因?yàn)檫@個(gè)本來(lái)就是原生的滾動(dòng)。你只需要向可滾動(dòng)區(qū)域增加一行代碼。

???? 隱藏的問(wèn)題,由于使用硬件渲染,這個(gè)在手機(jī)端safarai會(huì)導(dǎo)致z軸偏高于static,但不會(huì)高于相應(yīng)z-index設(shè)置的元素.

??? 參考: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

?

轉(zhuǎn)載于:https://www.cnblogs.com/isdom/p/webclips035.html

總結(jié)

以上是生活随笔為你收集整理的dom内容区域的滚动overflow,scroll的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。