html - 链接不应在 URL 中显示 # 并在其 href ="#"时向上滚动

Question

如何制作一个 href="#"的链接，当点击时在 URL 中不显示 # 并且不向上滚动页面？

我在http://www.offroadstudios.com/creative-agency看过但无法了解他们是如何做到的。左侧菜单包含一个 href="#"，但它的行为符合我的要求。

Answer 1

查看该站点，他们似乎正在使用 jQuery 来更改可见内容。要防止 # 出现在您的浏览器栏中，您可以 preventDefault:

$("a.myLinkClass").click(function(e){
   e.preventDefault();
   //do something..
});

参见演示:http://jsfiddle.net/SJuwL/show