单击链接时意外页面向上滚动

Question

我写了一个主要在iPad上查看的HTML页面。基本上它是一个FAQ列表，对每个问题都有悬停效果。要在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

您可以使用<a href="javascript:;">The question</a>它将不执行任何操作（空的javascript命令），您的滚动条将保留在原位;）

Answer 3

添加到锚标记

onclick="return false;"

这会阻止它

Answer 4

如果您想要的只是悬停效果，则根本不需要使用a。

您可以使用跨度，并将CSS替换为目标跨度而不是锚点：http://jsfiddle.net/SWXHR/6/

如果您希望光标与锚点的光标一样，您可以使用css进行此操作 - cursor: pointer;

Answer 5

只需将单个“#”替换为双“##”即可。

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