safari移动设备上的底部导航栏在显示高度为100vh的iframe时向上滚动时不会显示

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

我在页面上有一个元素,当单击该元素时,会将div添加到包含iframe的页面上。

单击元素后,体内的每个元素都被隐藏,只有iframe的容器是页面上唯一可见的东西。

iframe的容器div的最小高度为100vh,而iframe的高度为100vh。

[使用Safari在移动设备上的页面上向上滚动(当仅显示容器和iframe时,底部导航栏不会像往常一样显示。

只有当我单击屏幕顶部的网址栏时,才会显示底部导航,而当底部导航确实显示时,除非重新加载,否则不会消失。

为什么当我向上滚动页面时为什么底部导航栏没有显示?在单击元素并使用iframe暴露容器之前,它可以工作,但是单击后它无法正常工作。

javascript html css iframe mobile-safari
1个回答
1
投票

Safari不支持vh,您可以在CSS中将100%用于全高元素

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