【发布时间】：2020-06-06 13:14:20
【问题描述】：
我在页面上有一个元素，当单击该元素时，会向包含 iframe 的页面添加一个 div。
点击元素后，body 中的每个元素都被隐藏，页面上只看到带有 iframe 的容器。
iframe 的容器 div 的最小高度为 100vh，而 iframe 的高度为 100vh。
当使用 Safari 在移动设备上向上滚动页面时（仅显示容器和 iframe）时，底部导航栏不会正常显示。
仅当我单击屏幕顶部的 url 栏时才会显示底部导航，并且当底部导航确实显示时它不会消失，除非我重新加载。
为什么我向上滚动页面时底部导航栏不显示？它在我单击元素并使用 iframe 公开容器之前工作，但在单击后它无法正常工作。
【问题讨论】：
标签： javascript html css iframe mobile-safari