2010-07-19 80 views
0

我有一个链接当我点击链接时,我的网站一直向上滚动?

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

当我点击此链接我的网页送花儿给人向上滚动到顶部。我如何管理它,当我clik这个链接我的页面不滚动到顶部。

Javascript?什么

谢谢

+0

什么链接?我看不到任何链接:) – rfunduk 2010-07-19 19:54:24

+2

我想问题是为什么你只有一个哈希链接?它的行为是正确的,所以问题是你想用这个链接完成什么。 – 2010-07-19 20:02:55

回答

1

你可能要张贴,做这样的链接的一个例子。我的猜测是,这是因为你没有为链接设置一个href,或者你用“#someId”结束了链接href。它不是滚动到页面顶部,而是刷新页面。

顶部链接的例子:

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

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

编辑 啊......现在,你所提供的链接...它的哈希#这就是问题所在。

为了避免发生这种情况(我猜你想在链接上做一些Javascript,并试图让它做点什么..),那么你需要在你的javascript中使用return false;。这将从链接返回false,并且不会遵循它。

+0

这不是100%正确,页面不刷新。 – 2010-07-19 20:00:25

+0

够正确。但是,它或多或少重新加载页面。或者,也许...重新启动页面...通过转到顶部。对大多数用户来说,这是一回事。 – Armstrongest 2010-07-19 20:02:28

+0

严重的是,没有*或多或少的重新加载*。请求被发送到服务器或不。不是这样。我们不是这里的用户,我们是开发人员,我们必须保持技术上的正确;) – 2010-07-19 20:07:19

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

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

</body> 

使用Javascript,您可以添加一些平滑度,如慢慢向上滚动。 HTML Links

+0

我不会去顶尖的先生。 – Giffary 2010-07-19 19:57:26

+0

对不起,这似乎身体不起作用。尝试

或类似的东西。这应该工作... – gearsdigital 2010-07-19 20:14:07

+0

看到上面的更新。 – gearsdigital 2010-07-19 20:21:26

0

这是因为你只有散列#作为“URL”。它使浏览器跳转到页面的顶部(通常,如果指定了它,它将跳转到具有相应ID的元素)。

但是,如果你不使用它,这种链接的目的是什么?

0

[relative] URL #被浏览器视为页面的顶部。请更改链接的href属性以引用其他资源,或者添加阻止默认操作的click事件处理程序。更好的是,如果你打算它是一个触发click事件的按钮,请将<a>标记替换为<button>,这在语义上更正确。

5

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

function myClickHandler(e) { 

    // your code here 
    // ... 

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

如果你提供一些更多的细节/示例代码,我们可以给你一个更具体的答案。

3

不知道你正在尝试做的,但也许你所想的:

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

那会什么都不做。

相关问题