Safari、Chrome 的 100vh 问题……
在 Safari 和 Chrome 中使用 100vh 时会出现问题。\ 首先,即使向下滚动,底部菜单也不会消失。(搜索栏部分不会缩小) 与此同时,滚动到最底部时,由于设置的值比窗口本身更大,会出现滚动问题…… 作为解决这个问题的方法, <https://twitter.com/allthingssmitty/stat
GGAMI
在 Safari 和 Chrome 中使用 100vh 时会出现问题。
首先,即使向下滚动,底部菜单也不会消失。(搜索栏部分不会缩小)
与此同时,滚动到最底部时,由于设置的值比窗口本身更大,会出现滚动问题……
作为解决这个问题的方法,
https://twitter.com/allthingssmitty/status/1254151507412496384?s=21
出现了……
虽然非常火……不过查了一下这个内容……
https://stackoverflow.com/a/58048556
以前好像也有人写过……
不管怎样,设置这个值之后……至少对于屏幕高度来说,滚动可以正常进行。不会出现卡顿、超出之类的现象。
但是……果然在 Safari、Chrome 中底部菜单还是不会消失,滚动条也不会显示……(Safari 滚动时上方搜索栏会缩小,下面的底部菜单会消失……再次向上滚动时又会出现……)
是我弄错了吗……嗯……嗯嗯……
所以就……用了 fixed……让它在移动端以 fixed 方式处理……
真希望这部分能赶快修好……
因为 CSS 浪费了太多时间……CSS 真的太难太难了……