【问题标题】:Background-attachment: fixed not working on android/mobile背景附件:修复了无法在 android/mobile 上运行的问题
【发布时间】:2013-07-13 22:45:36
【问题描述】:

我正在开发一个 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%;
}

无论如何,当我向下滚动时,背景会滚动到屏幕顶部,就好像没有设置固定属性一样。

【问题讨论】:

    标签: android css web cordova background-attachment


    【解决方案1】:

    你试过了吗?

    html,正文 { 高度:100%; } html { 溢出-y:隐藏; } 身体 { 溢出-y:滚动; 背景颜色:#000000; 背景图像:url('../img/bg_reader.jpg'); }

    【讨论】:

    • 不错。它在不需要时添加了一个滚动条(也许只是在我的情况下,不确定),但除此之外。我添加了background-size: cover; 以适应非常大的纵向屏幕。
    • 老兄,我不认为我会找到解决此问题的方法;非常感谢。
    • 很好的修复,但始终可见的滚动条对我来说是一个交易破坏者。
    • 请注意,此解决方案将取消页面的自动对焦,这意味着您必须先单击页面,然后才能使用鼠标滚轮或键盘按钮滚动页面。
    猜你喜欢
    • 2014-11-16
    • 2016-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 2015-12-01
    • 2017-10-21
    相关资源
    最近更新 更多