如何阻止 Safari（在 ipad 上）触发悬停事件？

Question

我有一个固定在我的页面上的按钮，当您开始滚动时，它就会出现。我注意到在 ipad safari 上我必须单击此按钮两次才能触发一次单击事件。

在搜索了我found this 之后，当我在按钮上注释掉我的“显示：无”时，它确实有效。

我怎样才能实现隐藏它，然后将其更改为“显示：阻止”而不会出现此双击问题？

Answer 1

您可以使用 css 位置代替将其置于屏幕之外：

.hide {
   position: absolute;
   left: -999em;
}

你也可以试试可见性属性

.hide {
   visibility: hidden;
 }

w3c example