javascript - iOS Safari 双击按钮问题

Question

我正在使用Meteor创建一个移动应用程序我在使用 Safari Webview 中的按钮时遇到问题。似乎在完全随机的时间和按钮上，我被迫点击某物两次才能点击注册。我对这些问题进行了很多研究，但所有答案都对我不起作用。

我的应用程序中几乎所有按钮/链接都使用 JavaScript 来实现其功能。我的 CSS 中没有使用任何 :hover 。

我找不到发生这种情况的任何模式或原因。这看起来完全是随机的。它让我的应用程序感觉 react 迟钝且缓慢，因为您必须点击一半的内容两次才能注册。当我在桌面浏览器中使用该应用程序时，似乎没有发生这种情况。

有人遇到过这个问题或者知道解决方案吗？

Answer 1

点击时，您的按钮是否位于视口(viewport)底部 44px 处？这可能是由 Safari's hostile menu bar 引起的。

如果是这样，我能想到的唯一解决方案是将这些链接移到该区域之外。如果有人有更好的解决方案，我自己也会感兴趣。 (到目前为止，我发现的解决方案都不起作用，包括内容的样式；

.parent {
  overflow-y: scroll;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

或向底部定位元素添加一些填充；

.bottom-positioned-element {
   padding-bottom: env(safe-area-inset-bottom);
}