iPhone X主页指示器在浏览器中隐藏页脚

Question

我的网页有一个页脚，用于导航。除了在 iPhone X及更高版本中使用以外，它的工作状况都非常好，因为它已被浏览器中的家庭导航器隐藏。

在我向上滚动时，它不会被隐藏，因为浏览器显示了它自己的底部栏，这不会使页脚保持 >屏幕底部的屏幕底部，现在约束，直到浏览器底部。

以下是页脚的 CSS ：

  .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
   }

是否可以找到家庭导航器是否可见，以便我可以条件根据需要设置距底部的距离？

.navigatorDetected: {
  bottom: 45px;
}