针对安卓微信浏览器网页 置顶悬浮框浮动固定 的问题
针对安卓微信浏览器网页 置顶悬浮框浮动固定 的问题
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
