Неожиданная страница прокручивается при нажатии ссылки

Question

Я написал HTML-страницу, которая просматривается в первую очередь на iPad. В основном это список часто задаваемых вопросов с эффектом зависания по каждому вопросу. Чтобы инициировать эффект наведения на ipad, мне пришлось поместить фиктивную ссылку вроде этого.

<a href="#">The question?</a> 

Вот проблема, которая действительна для каждого браузера: Если список так долго, что у вас есть для прокрутки вниз и при нажатии на ссылку в нижней части страницы, он возвращается к началу а также инициирует эффект наведения. Я сделал скрипку демонстрирующей цели:

http://jsfiddle.net/SWXHR/1/

При прокрутке вниз и нажав на последнюю ссылку, страница будет прыгать на вершину.

Вопрос: Как я могу предотвратить перескакивание страницы вверху при использовании фиктивной ссылки?

Answer 1

Добавьте к этому ваши ссылки:

<a href="#" onClick="return false;">The question?</a> 

Или, если вы делаете это с помощью JQuery:

$('a[href="#"]').click(function(event){ 

    event.preventDefault(); 

}); 

Answer 2

добавить к якорным тэгом

onclick="return false;" 

Это остановит его

Answer 3

Вы можете использовать <a href="javascript:;">The question</a> ничего не сделает (пустая команда javascript), и ваш свиток останется на месте;)

Answer 4

Если все, что вы хотите, это эффект наведения, вам не нужно использовать a.

Вы можете использовать пролеты, и заменить CSS целевой пролеты вместо якорей: http://jsfiddle.net/SWXHR/6/

Если вы хотите курсор, чтобы быть как курсор для якорей, вы можете сделать это с помощью CSS - cursor: pointer;