Safari, Chrome 100vh issue...
There is a problem when using 100vh in Safari and Chrome. For starters, even when you scroll down, the bottom menu doesn't disappear. (The search bar area doesn
There is a problem when using 100vh in Safari and Chrome.
For starters, even when you scroll down, the bottom menu doesn't disappear. (The search bar area doesn't shrink.)
And when you scroll all the way to the bottom, a value larger than the window itself is assigned, causing scrolling problems...
As a way to solve this problem
https://twitter.com/allthingssmitty/status/1254151507412496384?s=21
was suggested..
It's really popular, but... when I looked into it...
https://stackoverflow.com/a/58048556
It seems someone had written about this before too..
Anyway, once you add that value... well, at least scrolling works properly with respect to the screen height. There are no issues like stuttering or overscrolling.
But... as expected, in Safari and Chrome, the bottom menu still doesn't disappear, and the scrollbar isn't displayed either.. (In Safari, when you scroll down, the search bar at the top shrinks and the bottom menu disappears.. then it appears again when you scroll back up...)
Did I do something wrong...? Hmm... hmm...
So I just... made it fixed... so that it would be fixed on mobile..