ヘッダーナビと連動
IntersectionObserverを使って、
アクティブなセクションとヘッダーナビを連動させます。
セクション１
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint dolores consequatur minima. Consequatur magni aliquid tempore suscipit hic distinctio tenetur.
セクション2
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint dolores consequatur minima. Consequatur magni aliquid tempore suscipit hic distinctio tenetur.
セクション3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores fuga, excepturi ratione aliquid, molestiae at ex quos voluptate consectetur quod alias, debitis veniam nam! Itaque magni deserunt, illum, veniam rerum ut porro doloribus repellat cumque odit corporis minus ad amet!
セクション4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores fuga, excepturi ratione aliquid, molestiae at ex quos voluptate consectetur quod alias, debitis veniam nam! Itaque magni deserunt, illum, veniam rerum ut porro doloribus repellat cumque odit corporis minus ad amet!