Javascript 当显示高度为100vh的iframe时,向上滚动时,safari mobile上的底部导航栏不会显示

Javascript 当显示高度为100vh的iframe时,向上滚动时,safari mobile上的底部导航栏不会显示,javascript,html,css,iframe,mobile-safari,Javascript,Html,Css,Iframe,Mobile Safari,我在页面上有一个元素,单击该元素时,会向包含iframe的页面添加一个div 单击元素后,主体中的每个元素都被隐藏,带有iframe的容器是页面上唯一可见的内容 iframe的容器div的最小高度为100vh,iframe的高度为100vh 使用Safari在手机上向上滚动页面时(仅显示容器和iframe时),底部导航栏不会正常显示 底部导航仅在我单击屏幕顶部的url栏时显示,并且当底部导航确实显示时,它不会消失,除非我重新加载 为什么当我在页面上向上滚动时,底部导航栏没有显示出来?它在我单击元

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

单击元素后,主体中的每个元素都被隐藏,带有iframe的容器是页面上唯一可见的内容

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

使用Safari在手机上向上滚动页面时(仅显示容器和iframe时),底部导航栏不会正常显示

底部导航仅在我单击屏幕顶部的url栏时显示,并且当底部导航确实显示时,它不会消失,除非我重新加载


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

vh在Safari中不受支持,您可以在css中对全高元素使用100%