針對安卓微信瀏覽器網頁 置頂懸浮框浮動固定 的問題
1.引用 iscroll.js 文件
2.加樣式
<style type="text/css">
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
-ms-touch-action: none;
}
#header {
}
#footer {
}
#wrapper {
}
#scroller {
position:relative;
z-index: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
</style>
3.加<div id="header">固定置頂懸浮框內容</div>
4.加
<div id="wrapper" >
<div id="scroller" >
這里是網頁內容
</div>
</div>
以上只是針對 安卓版微信客戶端瀏覽器 無法置頂或者置頂懸浮式卡頓現象解決方案
參考鏈接 http://www.360doc.com/content/14/0724/11/16276861_396699901.shtml