Question

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

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

我找不到任何模式或原因何时发生。这看起来完全随机。它使我的应用程序感觉反应迟钝，因为你必须点击一半的东西才能注册。当我在桌面浏览器中使用该应用程序时似乎没有发生。

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

Answer 1

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

a.close {
  background: #fc0;

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

Answer 2

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