cssだけでfixedしたナビゲーションのずれに対応できますか？

Question

こんにちは。今仕事で壁にぶつかっています。

spのグロナビを作っているのですが、レスポンシブで高さの変わるものをfixedしています。
すると当然グロナビの高さがなくなるので、下のメインコンテンツがグロナビにかぶってしまいます。

マージントップをかけて調整しようかと思いましたが、グロナビの高さが変わりますので単純にpx指定するだけだとできません。

js使っていいですか？と先輩に聞いたら愚問らしく教えてもらえませんでした。

cssだけで高さ調整ってできますか？
js必要ですよね？

https://teratail.com/questions/90661

↑この方法を試して見ようと思いますが、あってますか？

Comments

[s8_chu]

質問者さんの問題が再現する HTML, CSS のコードを追記していただけませんか？

[takane]

質問しておいてすみません。
position: sticky;を使用したらとりあえず見た目は解決しました。
一旦これでやってみます。
またわからなかったら戻ってきます。

[s8_chu]

それでは、問題の解決方法を回答として投稿して、質問を解決済みにしていただけませんか？

[takane]

わかりました。
ご指摘ありがとうございます。

Answer 1

position: sticky;でできそうです。
ありがとうございます。