收藏
回答

重要:background-attachment: fixed在真机上不起作用

框架类型 问题类型 操作系统版本 手机型号 微信版本
小程序 Bug ios12 , miui10 iphone6s plus ; MIX2 6.7.3

实现背景固定的功能,但是background-attachment: fixed不起作用(屏幕滑动,背景依然跟着滚动),代码片段详见https://developers.weixin.qq.com/s/ofZc7JmT7V3P


开发工具上是正常的,真机上不行,真机上不行,真机上不行。。。。


之前就有很多人遇到这个问题,官方能不能说下这个是BUG,还是就没办法实现这个功能呢?

最后一次编辑于  2018-11-07
回答关注问题邀请回答
收藏

2 个回答

  • 小程序技术专员-SgLy
    小程序技术专员-SgLy
    2018-11-08

    你好,手机浏览器内核不支持 background-attachment: fixed

    2018-11-08
    有用
    回复 3
    • Relax
      Relax
      2018-11-08

      好吧,实现不了我想要的效果了

      2018-11-08
      回复
    • 每天要早睡
      每天要早睡
      2019-08-05
      官能否提供处理的办法,之前是用伪类代替但是不灵活,这个问题一直有的
      2019-08-05
      回复
    • 晕(=_=)
      晕(=_=)
      08-05
      那为什么不统一一下内核,效果不一样那不让费时间吗
      08-05
      回复
  • 蓝田
    蓝田
    07-04

    目前似乎还是没有解决。。。Mark一下一种可能可行的方案。

    如果整个页面只有一张背景图,可以这么搞:

    <view class="bg-fixed bg">
     ....
    </view>
    


    然后css里这样:

    /* 弄一个充满页面的元素 */
    .bg-fixed:after {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: -1;
    }
    /* 给充满页面的元素加背景,这样背景就不会随页面滚动了 */
    .bg:after {
      background: url(xxxxx) repeat;
    }
    


    不同页面的可以用不同的.bg类。scroll-view应该可以利用类似的机制,比如

    .scroll-view.bg-fixed {
      position: relative;
    }
    /* 弄一个充满scroll-view的元素,然后用其他类设置这个元素的背景 */
    .scroll-view.bg-fixed:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }
    
    07-04
    有用 1
    回复
登录 后发表内容