背景附着：fixed 在安卓/移动设备上无法使用

Question

我正在开发一个Cordova应用程序，想要实现固定背景。不幸的是，它似乎没有起作用，每次我向下滚动时，背景图像都会简单地跑到页面上方。这是我使用的CSS（我已经尝试了几种其他方法）：

html {
    width:100%;
    height: 100%;
    background-color:#000000;
    background-image:url('../img/bg_reader.jpg');
    /*background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center;*/
    background-size: 100% 100%;
}

无论如何，当我往下滚动时，背景似乎没有设置固定属性，从屏幕顶部滚动出去。

- Nathan

Answer 1

你试过这个吗？

    html，body {
        height: 100%;
    }
    html {
        overflow-y：hidden;
    }
    body {
        overflow-y：scroll;
        background-color：＃000000;
        background-image：url（'.. /img/bg_reader.jpg'）;
    }

- szmegma

---

不错。它在不需要滚动条时添加了一个滚动条（也许只是在我的情况下，不确定），但除此之外都很好用。我已经添加了 background-size: cover; 来适应非常大和纵向的屏幕。 - jozxyqk

老兄，我真没想到我会找到解决这个问题的方法；非常感谢。 - B Rad C

不错的修复，但始终可见的滚动条对我来说是个硬伤。 - benallansmith

请注意，这个解决方案将从页面中移除自动聚焦功能，这意味着您必须先单击页面，然后才能使用鼠标滚轮或键盘按钮来滚动页面。 - ruuter