锚点击并保持页面位置?

时间:2012-11-23 07:42:46

标签: javascript html

在我的页面中有一些没有链接的锚,如下所示:

<a href="#">Anchor</a>

当我点击页面底部的锚点时,页面会滚动到顶部。如果我点击链接,我想保持页面位置。我怎样才能做到这一点。 (没有js对我更好)

我希望,我可以解释一下。

提前致谢。

5 个答案:

答案 0 :(得分:18)

你仍然需要使用JS,但你可以内联:

<a href="javascript:void(0);">Test</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

演示:http://jsfiddle.net/7ppZT/

或者,您可以捕获事件:

$('a[href^="#"]').click(function(e) {
    e.preventDefault();
});

答案 1 :(得分:4)

您可以将锚点放在页面中您希望的位置。

<a href="#stophere">Anchor</a>

<a id='stophere'>Bottom Of Page</a>

然后,链接将转到命名锚点。只要你想停下来,就把它放在那个元素上。

答案 2 :(得分:1)

要解决此问题,我使用此代码它的脚本解决方案,但适用于所有浏览器

<a href="javascript:void(0)">Anchor</a>

答案 3 :(得分:1)

您必须设置名称并在#之后添加名称

<a name="adsf" href="#adsf">Anchor</a>

答案 4 :(得分:0)

<a href="#noname">Anchor</a>

确保noname您没有使用任何代码的id属性或name代码的a属性。