アニメーションを滑らかにしたい場合は、アニメーションが配置されている DOM 要素に CSS 属性を追加できます:transition: all .8s easy;

構文:transition: プロパティの継続時間のタイミング関数遅延
transition-property: トランジション効果を設定するための CSS プロパティ名を指定します
transition-duration: トランジション効果が完了するまでにかかる秒数またはミリ秒数を指定します
transition-timing-function : トランジション関数を指定し、スピードエフェクトのスピードカーブを規定します
transition-delay: 出現が始まるまでの遅延時間を指定します
デフォルト値は: すべて 0 イーズ 0

要件が明確ではありません。上にスクロールするときは、上部の背景画像をゆっくりと後ろに覆い、最終的に背景画像の半分が表示されるようにします。これならアニメーションする必要はありません