针对安卓微信浏览器网页 置顶悬浮框浮动固定 的问题

针对安卓微信浏览器网页 置顶悬浮框浮动固定 的问题

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);
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

原文地址:https://www.cnblogs.com/xiaofengju/p/5863860.html