Safari、Chromeの100vh問題...
SafariとChromeで100vhを使うと問題が起きる。\ まず、スクロールしても下部メニューが消えない。(検索バーの部分が縮まらない) そのうえ、一番下までスクロールしてみると、ウィンドウより大きな値が設定されているため、スクロールに問題が起きるのだが…… この問題を解決する方法として <https://twit
SafariとChromeで100vhを使うと問題が起きる。
まず、スクロールしても下部メニューが消えない。(検索バーの部分が縮まらない)
そのうえ、一番下までスクロールしてみると、ウィンドウより大きな値が設定されているため、スクロールに問題が起きるのだが……
この問題を解決する方法として
https://twitter.com/allthingssmitty/status/1254151507412496384?s=21
が出てきた……
かなり話題になっているけれど……この内容を調べてみたら……
https://stackoverflow.com/a/58048556
以前にも誰かが書いていたようだ……
いずれにしても、この値を設定すると……ひとまず、画面の高さについては問題なくスクロールできる。引っかかったり、はみ出したりするような現象は起きない。
でも……やはりSafariやChromeでは下部メニューが消えず、スクロールバーも表示されない……(Safariではスクロールすると上の検索バーが縮み、下部メニューが消える……もう一度上にスクロールすると表示される……)
自分が間違っているのかな……うーん……うーん……
なので、もう……fixedにして……モバイルではfixedで処理されるようにした……
この問題、本当に早く直ってほしい……
CSSのせいで時間を使いすぎている……本当にCSSはとてもとても難しい……