电话上的悬停菜单:录音时它位于顶部

时间:2016-05-18 09:18:47

标签: ios wordpress hover mobile-phones touchstart

在我的网站上(仍然是测试版),在这里:http://www.collectifsaga.com/X/wordpress/fr/home-fr,我有一个菜单悬停(网格过滤器)

我的手机上有问题(我有一部iPhone,我不知道其他设备是否有问题)和悬停菜单。 悬停效果很好(CSS中为:active),并在<head> document.addEventListener("touchstart", function() {},false);中添加{/ 1}

这个问题是,当我点击悬停菜单时,页面会直接进入顶部,即使我在它的中间或底部。而且这很累人

你知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

您需要添加:

onclick="event.preventDefault();

所以你会:

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

在您的链接中,当您点按它时显示您的菜单。您也可以使用span而不是“a”,甚至可能是更好的解决方案,因为它没有链接。