javascript - オンスクロールイベントが機能しない

Question

今回はアニメーションに問題があります。ユーザーが下にスクロールしたときに、背景のヘッダー/メニューを白にしたいと思います。

ヘッダー/メニューは固定されており、z-index プロパティを使用してページの残りの上に維持します。

いくつかの JS および CSS コードを使用して HTML テスト ページを作成しました。

ここでテストをオンラインで見ることができます: http://www.lacouleurdurendezvous.fr/test

申し訳ありませんが、ここにコードを入れようとしましたが、エディターは少し気まぐれです

Answer 1

change `window.scrollTop` to `window.scrollY`

Answer 2

問題は JavaScript ではなく、スクロール バーをトリガーするのに十分なテキストが html にないことです。スクロールバーもスクロールもないため、リスナーが起動することはありません。

HTML テキストを数回複製したところ、このイベントが発生しました。

     function () { console.log('working'); }