このページのナビはどうやって作られていますか？

Question

こんにちは。
今、ダイキンのサイトを見ているのですが、
グローバルナビに疑問があります。

https://www.daikin.co.jp/corporate/overview/summary/history/digest/

ヘッダーが2段にわかれていて、ロゴを含む1段めとナビの2段めがありますよね？
ここで、私のブラウザだと、マウスの1スクロールでちょうど1段目のみ隠れる（windowの外に行く）のですが、これはどのような技術でしょうか？

一瞬スティッキーナビかと思いましたが、すぐにスクロールされてしまうので違いますよね？
jsも見たところGA関連やトラックのものばかりのようなので、なぞに思っています。

Answer 1

恐らくg-headerの高さが98pxなのでそのように見えるということだと思います。

win10のマウスの1スクロールのデフォルトの設定では3行になっていると思いますが、
3行のスクロール量は100になります。なので、実際g-headerの高さ＋2px分g-hnavのナビゲーションが隠れていると思います。開発者ツールなどでg-hnavにborder-top:solid 3px; を設定すると1px分の高さのborderしかでてこないので、それで確認できるのではないでしょうか？
jsがたくさんあり、あまり中身を確認はしていませんが、特にスクロールによってクラスが付与されているようではないので、推測になりますが、ご回答といたします。

Comments

[takane]

ベストアンサーが遅れまして申し訳ございません。
ご迷惑をおかけしました。