V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
belin520
V2EX  ›  问与答

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

  •  
  •   belin520 · 2013-07-12 19:20:27 +08:00 · 5733 次点击
    这是一个创建于 4152 天前的主题,其中的信息可能已经有所发展或是发生改变。
    大家好,麻烦大家一下

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

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

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

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

    求解决方案

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

    手机淘宝网的那个扇形菜单就能很好的兼容UC等浏览器呢
    4 条回复    1970-01-01 08:00:00 +08:00
    humiaozuzu
        1
    humiaozuzu  
       2013-07-22 16:17:34 +08:00
    badboy
        2
    badboy  
       2013-07-23 00:25:11 +08:00
    居然看到debin你了~哈哈哈
    dorentus
        3
    dorentus  
       2013-07-23 00:30:33 +08:00
    用 CSS background-attachment:fixed; 试试呢?
    HaEx
        4
    HaEx  
       2013-07-23 01:05:09 +08:00   ❤️ 1
    要排除受 transform 的影响,transfrom 样式会新建 context
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2678 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 03:50 · PVG 11:50 · LAX 19:50 · JFK 22:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.