实现背景固定的功能,但是background-attachment: fixed不起作用(屏幕滑动,背景依然跟着滚动),代码片段详见https://developers.weixin.qq.com/s/ofZc7JmT7V3P
开发工具上是正常的,真机上不行,真机上不行,真机上不行。。。。
之前就有很多人遇到这个问题,官方能不能说下这个是BUG,还是就没办法实现这个功能呢?
框架类型 | 问题类型 | 操作系统版本 | 手机型号 | 微信版本 |
---|---|---|---|---|
小程序 | Bug | ios12 , miui10 | iphone6s plus ; MIX2 | 6.7.3 |
2 个回答
你好,手机浏览器内核不支持 background-attachment: fixed
好吧,实现不了我想要的效果了
目前似乎还是没有解决。。。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; }