ios - 如何防止固定的底部HTML元素在iPhoneX上的WKWebView中滚动

我正在用Turbolinks iOS构建一个混合应用程序，大多数应用程序都在WKWebView中呈现。但我的布局有问题。屏幕底部有一个导航条，除iPhoneX外，其他手机都可以使用。
当用户在iPhoneX上向下滚动时，即使导航条的位置固定在底部，它也会向上移动，当用户向下滚动时，它会回到原来的位置。

nav-tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
}

下面是它的行为示例：

我怎样才能阻止底部的横杆移动呢？
另外，为了澄清我不认为这是我的HTML或CSS的问题，它在每一个浏览器和其他iphone上都工作得很好。

最佳答案

我不知道Turbolinks是如何工作的，但是当“安全区域布局指南”未启用时，我对iPhoneX上的导航栏也有类似的问题。
之后，可以将约束设置为安全区域，而不是超级视图。
以下是苹果关于这个话题的一些参考资料：https://developer.apple.com/ios/update-apps-for-iphone-x/

关于ios - 如何防止固定的底部HTML元素在iPhoneX上的WKWebView中滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51658398/