将 div 设置为固定位置和 100vh 会导致手机和平板电脑上的“跳转”

问题描述 投票:0回答:2

我正在使用 Webflow 构建一个网站,遇到了一个似乎很常见的问题。我的英雄部分在所有屏幕上应为 100vh 和 100vw。我还希望将其设置为固定位置,以便当用户向下滚动时,其下方的内容会滑过它。在桌面上这一切都工作正常,但在平板电脑和移动设备上我遇到了浏览器搜索/地址栏的问题。

基本上,一旦您滚动并且搜索/地址栏自行最小化,屏幕就会“跳转”以再次以 100vh 显示网站。

我读了很多相关内容,但大多数解决方案都是几年前的,似乎不再起作用了。

是否有任何代码可以解决此问题,或者我是否应该不在移动屏幕上使用固定定位?

mobile fixed tablet
2个回答
-1
投票

我不知道你是否已经解决了你的问题,我发现解决这个问题最简单的方法是使用:

height:100%

而不是使用 100vh。对于固定位置,它对我来说效果很好,并且地址栏不再重叠。

您还需要有身体的百分比身高才能起作用!


-1
投票

爱爱爱爱爱爱爱爱爱爱爱爱爱爱爱爱爱

© www.soinside.com 2019 - 2024. All rights reserved.