如何解决移动设备浏览器中 position:fixed 无效的问题

2013-07-12 19:20:27 +08:00
 belin520
大家好,麻烦大家一下

最近在做WebApp,发现移动设备浏览器(特别是UC)对于 position:fixed 非常不友好

我现在想实现的是:背景图为第一层,文字内容(长条)为第二层

在上拉第二层时,第一层(背景层)能保持不动(fixed)

但是在UC和QQ手机浏览器上面,均无法实现想要的效果

求解决方案

=============================================
尝试 iscroll-4 解决,但是发现浏览器渲染吃力,不流畅

手机淘宝网的那个扇形菜单就能很好的兼容UC等浏览器呢
5658 次点击
所在节点    问与答
4 条回复
humiaozuzu
2013-07-22 16:17:34 +08:00
badboy
2013-07-23 00:25:11 +08:00
居然看到debin你了~哈哈哈
dorentus
2013-07-23 00:30:33 +08:00
用 CSS background-attachment:fixed; 试试呢?
HaEx
2013-07-23 01:05:09 +08:00
要排除受 transform 的影响,transfrom 样式会新建 context

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/75592

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX