javascript - iOS Safari双击按钮问题

我正在使用Meteor创建一个移动应用，而Safari Webview中的按钮存在问题。似乎在完全随机的时间和按钮上，我被迫轻按两次以进行点击注册。我对这些问题进行了很多研究，所有的答案对我都没有用。

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

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

有没有人遇到过这个问题，或者没有解决方案？

最佳答案

点击时，您的按钮是否位于视口底部的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);
}

关于javascript - iOS Safari双击按钮问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41972388/