JavaScriptでスクロールしてスムーズにフェードインする方法は？

Question

JSでスクロールするときにイメージをフェードインさせる方法を知りたいと思います。それを行うことができるコードはありますか？ここで

は、私が使用しているWebテンプレートです：website template

Answer 1

イージング関数を検索したり書き込み。

DOM onscrollイベントにハンドラをアタッチします。

ハンドラは、現在のスクロール位置をイージング関数に適した値に変換し、イージング関数に送信する必要があります。

イージング関数は、指定された値を0から100までのNumberに変換して返します。

ハンドラは、イメージの不透明度をこの値に設定する必要があります。

もう1つの方法は、onscrollを使用し、ページ上の特定の位置をスクロールしてCSS不透明度の遷移が発生するように画像にクラス/データ属性を適用することです。