当我单击链接时，我的网站总是向上滚动吗？

Question

我有一个链接

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

当我单击此链接时，我的页面始终滚动到顶部。 我如何管理它，当我单击此链接时，我的页面无法向上滚动到顶部。

Javascript？ 或者其他的东西

谢谢

Answer 1

您可以添加一些JavaScript来拒绝默认行为。

function myClickHandler(e) {

    // your code here
    // ...

    // new code
    if(e.preventDefault){ //firefox,chrome
        e.preventDefault();
    }
    else { // ie
        return false;
    }
}

如果您提供更多详细信息/示例代码，我们可以为您提供更具体的答案。

Answer 2

不确定您要做什么，但也许您在考虑：

<a href="JavaScript:void(0);" >Text</a>

那什么也没做。

Answer 3

您可能想要发布执行此操作的链接示例。 我的猜测是，这是因为您没有为链接设置href，或者您以“ #someId”结束了链接href

不是滚动到页面顶部，而是刷新页面。

顶部链接的示例：

<a href="#header">Some Link</a>

<a href="#">Somewhere</a> <!-- will refresh and you end up at the top -->

编辑啊...现在您已经提供了链接...问题是哈希# 。

为了避免这种情况的发生（我猜您想在链接上做一些Javascript，并且试图使它做点什么。。）然后您需要return false; 在您的JavaScript中。 这将从链接返回false，并且不会关注它。

Answer 4

<body>
    <h1 id="top">First Headline</h1>

    <!-- your document here-->
    <a href="#top">go to Top</a>

</body>

使用Javascript，您可以添加一些平滑度，例如慢慢向上滚动。 HTML链接

Answer 5

这是因为您只有井号#作为“ URL”。 它使浏览器跳到页面顶部（通常，如果您指定了ID，则它将跳到具有相应ID的元素）。

但是，如果不使用此链接，其目的是什么？

Answer 6

浏览器将[相对] URL #视为页面顶部。 更改链接的href属性以引用其他资源，或者添加阻止默认操作的click事件处理程序。 更好的是，如果您希望将其用作触发click事件的按钮， click用<button>替换<a>标记，无论如何在语义上更正确。

当我单击链接时，我的网站总是向上滚动吗？

问题描述

6 个解决方案

解决方案1
5 2010-07-19 20:18:52

解决方案2
3 2010-07-19 20:24:47

解决方案3
1 2010-07-19 19:53:20

解决方案4
0 2010-07-19 19:53:50

解决方案5
0 2010-07-19 19:57:03

解决方案6
0 2010-07-19 19:59:21

当我单击链接时，我的网站总是向上滚动吗？

问题描述

6 个解决方案

解决方案1 5 2010-07-19 20:18:52

解决方案2 3 2010-07-19 20:24:47

解决方案3 1 2010-07-19 19:53:20

解决方案4 0 2010-07-19 19:53:50

解决方案5 0 2010-07-19 19:57:03

解决方案6 0 2010-07-19 19:59:21

解决方案1
5 2010-07-19 20:18:52

解决方案2
3 2010-07-19 20:24:47

解决方案3
1 2010-07-19 19:53:20

解决方案4
0 2010-07-19 19:53:50

解决方案5
0 2010-07-19 19:57:03

解决方案6
0 2010-07-19 19:59:21