iOS Safari 双击按钮问题

Question

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

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

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

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

Answer 1

在点击时，您的按钮是否位于视口底部 44 像素？ 这可能是由Safari 的敌对菜单栏引起的。

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

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

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

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

Answer 2

我在我的页面上遇到了这个问题，所以我应用了这个 SCSS/CSS 解决方案。 您的设置是否有可能将悬停添加到某些链接的其他地方..？ 即使没有风格变化..？

a.close {
  background: #fc0;

  @media (hover: hover) {
    &:hover {
      background: #f00;
    }
  }
}