JavaScript-andriod UC 8.6中position:fixed定位问题?

前端开发 前端开发 主题:1148 回复:2395

JavaScript-andriod UC 8.6中position:fixed定位问题?

灵芸 发布于 2017-03-03 字数 3122 浏览 1197 回复 1

div设置了fixed定位,元素top:-100px负值,在滚动页面时候js设置div元素hide,div元素确没有隐藏,不知道是否是UC这个版本布局渲染的bug。

对于在webapp使用fixed定位大家是否有好的建议?

ps:

4.2.1.6.1 QQ 浏览器

智能机QQ浏览器是双内核浏览器,生产商在推自己的内核时,默认使用自己的内核渲染页面,当遇到HTML5页面时,由于产商自有内核不成熟无法渲染,会自动切换到操作系统提供的WebKit内核渲染页面;当系统内核无法渲染WAP1.0页面时,浏览器会再自动切换到自有内核渲染页面,所以这种双内核浏览器也存在一个缺点,在内核自动切换时,会重新发起请求刷新页面,QQ Browser 3.5之前的版本存在内核自动切不回的情况。

智能机QQ浏览器的云加速模式只是针对传统WEB页面转换为更适合手机阅读的页面,节省流量,提高联

网速度,在模式切换时不影响内核UA的变化。

智能机 QQ浏览器用户代理字符串

自有内核UA:

MQQBrowser/3.5/Adr (Linux; U; 2.2.2; zh-cn; u8800 Build/U8800V100R001C17B162;480*800)

MQQBrowser/3.5/Adr (Linux; U; 2.3.3; zh-cn; Lenovo A60 Build/A60_S165_110930;320*480)

MQQBrowser/3.5/Adr (Linux; U; 4.0.4; zh-cn; GT-I9308 Build/IMM76D.I9308ZMBLH3;720*1280)

MQQBrowser/36 (iOS 4; U; CPU like Mac OS X; zh-cn)

QQBrowser/37 (iOS 4S; U; CPU like Mac OS X; zh-cn)

MQQBrowser/37 (iOS 4G; U; CPU like Mac OS X; zh-cn)

规则说明:

前置条件:请求头accept中的值包含text/html

  1. 若检测为QQ浏览器3.5以上版本,且操作系统为Android(adr) 2.2以上版本,则适配

到Android触屏版本;

  1. 若检测为QQ浏览器35以上版本,且操作系统为IOS 3.0以上版本,则适配到iPhone触

屏版本;

系统内核UA:

MQQBrowser/3.5/Mozilla/5.0 (Linux; U; Android 2.2.2; zh-cn; u8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

MQQBrowser/36 Mozilla/5.0 (iPhone 4; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B206 Safari/7534.48.3

MQQBrowser/37 Mozilla/5.0 (iPod; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10A403 Safari/7534.48.3

规则说明:

同4.2.1.1,4.2.1.2规则;

4.2.1.6.2 UCWEB 浏览器

智能机UCWEB 浏览器技术上分自有U3内核和系统内核,iPhone中的UCWEB浏览器的U3内核暂不支持触屏版,系统内核WebKit不支持Wap1.0页面,当浏览器在系统内核下访问WAP1.0页面时,浏览器会自动切换到U3内核渲染页面,同时会重新发出请求刷新页面;Android下的U3内核和系统内核分别支持触屏版以及简版。

切换到极速模式,UA为U3内核自定义的UA,取消极速模式UA为系统内核的UA;

智能机UCWEB浏览器用户代理字符串

自有内核UA(极速模式)

JUC(Linux; U; 2.3.6; zh-cn; GT-N7000; 800*1280)

IUC(U;iOS55.0.1;Zh-cn;320*480;)/UCWEB8.2.2137/42/997

规则说明:

此模式下暂不用适配检测UA,现有根据4.1协议检测规则适配;

系统内核UA(非极速模式)

Mazilla/5.0 (Linux; U; Android 2.3.6; zh-ch; GT-N7000 Build/GINGERBREAD) UC AppleWebKit/530+ (KHTML, like GEcko) Mobile Safari/530

Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405

规则说明:

同4.2.1.1,4.2.1.2规则;

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(1

浮生未歇 2017-09-26 1 楼

webapp 各大系统对position:fixed的支持度,千奇百怪。。甚至有些平台完全不支持。。建议如果可以的话使用iscroll类的框架。

另外jqm最新的版本对position:fixed支持也是很好了,而且你可以去看一下实现方式。

另外。。uc简直就是手机端的ie6啊。。。。。。。

http://www.iunbug.com/archives/2012/06/03/193.html 这有篇“高端文” 是教你怎么写一个position:fixed的效果的