如何在单击简单链接时避免页面向上滚动（＃）

Question

有没有办法避免在点击一个简单的链接时滚动页面，如下面给出的链接：

<a href="#">Click Me</a>

Answer 1

试试这个：

<强> HTML

<div>Test</div>
<a href="javascript:void(0);">Click me</a>

<强> CSS

div{
   height: 1000px;
}

div仅用于演示。 jsfiddle

Answer 2

您可以使用Event.preventDefault()阻止JavaScript事件处理程序中的默认操作，如下所示：

$('#link').click(function(e){
     e.preventDefault();
});

（假设链接的标识为link你说你使用的是jQuery，所以我在这里使用了jQuery语法）

Demo

Answer 3

尝试以下方法：

<a href="#!"> Click Me </a>