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

Question

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

四处搜索后，我 found this 果然在按钮上注释掉我的 "display:none" 时，它起作用了。

如何隐藏它然后将其更改为 "display:block" 而不会出现此双击问题？

Answer 1

您可以使用 css 位置来将其放置在屏幕外：

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

你也可以试试能见度属性

.hide {
   visibility: hidden;
 }

w3c example