Android/移动 Webkit CSS 背景附件:已修复无法正常工作?
我只是疯了,还是后台附件:固定;真的不能在原生 Android 浏览器中使用吗?
我已经通过使用两个 div 而不是一个来实现了一个简单的修复...第一个 div 是绝对定位的并包含固定的背景图像,另一个 div 位于其顶部并包含滚动内容。
此修复的问题(除了不必要的复杂化之外)是,由于某种原因,当我在背景图像 div 上滚动内容时,背景图像完全消失了! :( 还有
其他人找到了没有 bug 的解决方法吗?或者我们到底应该如何处理这个问题?
Am I just going crazy, or does background-attachment:fixed; really not work in the native Android browser?
I already implemented a simple fix by using two divs instead of one... The first div is positioned absolutely and contains the fixed background image, the other div goes on top of it and contains the scrolling content.
The issue with this fix (aside from the unnecessary complication) is that for some reason, when I am scrolling the content over the background image div, the background image disappears altogether! :(
Has anyone else found a workaround that isn't buggy, or how exactly are we supposed to work with this?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用本机浏览器滚动,您无法做到这一点。这是默认 Andriod 浏览器中的一个错误。要在顶部或底部实现固定元素,您必须在其上应用
position:fixed
,然后在包含要滚动的内容的另一个元素上实现自定义滚动。我使用这个库来解决此类问题:
http://cubiq.org/iscroll-4
您可以在其页面上找到示例。
With native browser scrolling you cannot do that. It's a bug in the default Andriod browser. To implement a fixed element at the top or the bottom you have to apply
position: fixed
on it and then implement a custom scrolling on the other element which contains the content to scroll.I used this Library for this kind of problems:
http://cubiq.org/iscroll-4
You can find examples on its page.