手机上的悬停菜单：录音时位于顶部答案

【问题标题】：Hover menu on phone : it goes at the top when taping手机上的悬停菜单：录音时位于顶部
【发布时间】：2016-05-18 09:18:46
【问题描述】：

在我的网站上（仍处于测试版），这里：http://www.collectifsaga.com/X/wordpress/fr/home-fr，我有一个菜单悬停（网格过滤器）

我在手机上遇到了问题（我有一部 iPhone，我不知道其他设备上是否有问题）与悬停菜单有关。悬停效果很好（在 CSS 中使用 :active）并将其添加到 <head> 中：document.addEventListener("touchstart", function() {},false);

这个问题是，当我点击悬停菜单时，页面直接转到顶部，即使我在它的中间或底部。而且还挺累的

你知道怎么解决吗？

【问题讨论】：

标签： ios wordpress hover mobile-phones touchstart

【解决方案1】：

你需要添加：

onclick="event.preventDefault();

所以你会：

<a href="#" onclick="event.preventDefault();"><img src="http://www.collectifsaga.com/_SAGA/_graph/icone/plus.svg" width="160px"></a>

在您的链接中，当您点击它时会显示您的菜单。您也可以使用 span 而不是“a”，这可能是更好的解决方案，因为那不是链接。

【讨论】：