【JS】Intersection Observerでスクロールとナビを連動させてみよう

概要 現在、とある案件でナビをクリックするとページ内リンクでスクロールするようにしているが、普通にスクロールしてアンカーリンクのコンテンツが表示されたらナビゲーションも連動して背景色を変えてみようっていう仕組み。 今回のDEMOはこちら これまではscrollイベントが主流 これまでは下記のようなscrollイベントでの設定が一般的だった。 window.addEventListener("scroll", () => { const sroll = window.pageYOffset; if (srollVal > contentsPosition) { // フェードアニメーションを呼び出す fadeAnime(); } }); // スクロールイベント $(window).scroll(function() { // フェードアニメーションを呼び出す let scroll = $(

[daizo1117]

“window.addEventListener("scroll", () => { const sroll = window.pageYOffset; if (srollVal > contentsPosition) { // フェードアニメーションを呼び出す fadeAnime(); } });”