内部链接强制滚动到页面顶部

时间:2012-03-20 17:18:12

标签: javascript jquery html anchor

我有一些显示不同内容的内部链接。

每次我点击内部链接时,浏览器都会滚动到某个位置。

我需要做的是强迫它滚动到顶部。

例如:

<a href="#show_area_1">Click Here</a>

它会显示某个div很好,但我也需要它滚动到顶部。

这可能吗?

4 个答案:

答案 0 :(得分:3)

现在不确定确切的方法,但这样的事情应该有效:

$('a').on('click', function(e) {
 e.preventDefault();
 // do your js stuff
 $(window).scrollTop(0);
});

答案 1 :(得分:1)

你的链接是否有与click事件相关的JS代码?也许你正在阻止它的传播,这就是为什么他们不滚动你的页面。

如果您的链接的href值为“#”,并且您没有停止事件的传播(通过从处理程序方法返回FALSE或使用stopPropagation方法),那么您应该设置...

答案 2 :(得分:0)

抱歉,该链接不起作用(如果它是一个链接)。

稍微澄清一下 - 您是否试图让窗口将div滚动到视图的顶部,或者让窗口保持滚动到视口的顶部?

链接或代码示例会很有用......

答案 3 :(得分:0)

如果您只是想链接到页面顶部,

<a href="#">Back to Top</a>

应该这样做。