Навигационное меню на телефоне: при касании оно отображается сверху

На моем веб-сайте (все еще в бета-версии), здесь: http://www.collectifsaga.com/X/wordpress/fr/home-fr, у меня есть всплывающее меню (фильтры для сетки)

У меня проблема с телефонами (у меня есть iPhone, я не знаю, есть ли проблемы на других устройствах) с этим меню при наведении курсора. Парение работает хорошо (с :active в CSS) и добавив это в <head>: document.addEventListener("touchstart", function() {},false);

Эта проблема, когда я нажимаю на меню при наведении, страница переходит прямо вверх, даже если я нахожусь в середине или внизу. И это довольно утомительно

Вы знаете, как это решить?

Источник

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" для этого, может даже быть лучшим решением, поскольку это не ссылка.

Источник
Другие вопросы по тегам