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

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

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

我现在想实现的是：背景图为第一层，文字内容（长条）为第二层

在上拉第二层时，第一层（背景层）能保持不动（fixed）

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

求解决方案

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

手机淘宝网的那个扇形菜单就能很好的兼容UC等浏览器呢
5727 次点击
所在节点    问与答
4 条回复
humiaozuzu
2013-07-22 16:17:34 +08:00
@zythum
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