背景画像がページの高さより小さい場合、背景画像は固定されます。 _html/css_WEB-ITnose

背景画像の高さは 1400 ピクセル、Web ページの高さは 1900 ピクセルです。3 番目の画面を閲覧する場合、背景画像は固定されます。これをどう書くかは説明するのが簡単ではありませんが、理解できるかわかりません。

ディスカッションへの返信 (解決策)

jqueryscroll() を使用して 3 番目の画面を参照しているかどうかを検出し、背景位置を作成するクラスを追加します。

jQuery(window).scroll(function(){    if(jQuery(window).scrollTop() > 1399){        jQuery('html').addClass('scrolled');    }else{        jQuery('html').removeClass('scrolled');    }});

html {    background:url(image.jpg);    background-repeat: no-repeat;    background-position: top left;}html.scrolled {    background-attachment:fixed;    background-position: bottom left;}

これは愚かなメソッドです。ご参考までに
りぃ