バニラ JavaScript を使用して、背景画像の不透明度を最小 0.5 まで下げて、スクロール時とランディング ページから離れたときに不透明度を下げるようにしようとしています。スクロール関数に Math.max()
を追加して 0.5 まで下げようとしましたが、すべてのページで画像が 0.5 のままになります。
ランディング ページの不透明度を常に 1 にし、他のすべてのページの不透明度を 0.5 にしたいと考えています。スクロールをアニメーション化することはできますが、0.5 で停止する必要があります。
リーリー リーリー リーリー
次のように
Math.max
の代わりにMath.min
を追加する必要があります。 (スニペットで実行するwindow.onload
も追加しましたが、スクリプトの読み込みがdefer
されている場合は必須ではありません)