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


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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM