モバイル固定画像背景CSS、画像スクロール

私は23歳の誕生日のガールフレンドのウェブサイトを作っています。主にモバイルで表示されます。背景画像は固定されていますが（デスクトップでは問題ありません）、モバイルでは、画像が一番下にスクロールしますが、スクロール後に調整されます。（付属ビデオ：https://youtu.be/wKnxYXEy0mg）以下モバイル固定画像背景CSS、画像スクロール

CSS：背景が動いていない

body { 
    background-image:url(Gold2.jpg); 
    display: block; 
    background-color: gold; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
    background-position: center; 
    min-height: 500px; 
}

出典

2017-07-18 Tim Statler

現在のアドレスはhttps://playspace.neocities.org –

は、それが消えChromeのアドレスバーです。この動作は正常ですが、別のブラウザでWebサイトを試してみてください。

出典

2017-07-18 16:14:24 bruce182

ありがとう。私はAndroid用のBraveウェブブラウザをダウンロードして、同じ問題を抱えています。そうです、それはアドレスバーだからですが、どうすれば修正できますか？ –

何も修正する必要はありません。それはクロームアプリの通常の動作です。それは問題ではない:) – bruce182

あなたはPC上の小さなウィンドウでWebサイトを開こうとすることができますし、ページをスクロールすると、背景が移動しないことがわかります。 – bruce182

jQueryを使用してこの動作を強制終了しましたか？ jQueryを使用すると、クラスの追加や削除、CSSの追加が非常に簡単になります。このバックグラウンドのCSSルールをセクションに手動で追加するifステートメントを作成することができます。私が検討したいもう一つの選択肢は、この場合のシナリオで必要なすべてのものに対して新しいクラスを追加し、すべてがZ-indexを1以上にすることです（すべてがクロームブラウザのモバイルアプリに正しく表示されるようにする）。それは私がこの点をこの点まで知っていないにもかかわらず、私があなたの状況で気づくだろうと推測しているだけです。うまくいけば私はあなたの問題を手伝った：...）

出典

2017-07-18 20:16:34 F9lke

モバイル固定画像背景CSS、画像スクロール

答えて

関連する問題