如何在javascript中进入页面顶部按钮?

时间:2011-08-14 18:15:39

标签: javascript jquery drupal

我想知道如何使用函数scrooling到页面顶部制作一个jquery按钮。此按钮通常位于页面底部。

最好是Drupal 6.0的模块吗?

提前感谢您的帮助。

4 个答案:

答案 0 :(得分:1)

$('#scroll-to-top').click(function() {
    $('html, body').scrollTop(0);
});

如果你想要很好地向上滚动,请执行以下操作:

$('#scroll-to-top').click(function() {
    $('html, body').animate({
        scrollTop: 0
    }, 300);
    return false;
});

答案 1 :(得分:1)

你有什么理由需要使用javascript吗?你可以通过在页面顶部设置一个锚点来纯粹通过html完成它:

<a name="top"></a>

然后,无论您想要提供指向顶部的链接,您都可以使用带有href的常规a标记:

<a href="#top">Top!</a>
希望这会有所帮助。

答案 2 :(得分:1)

最简单的方法是在html / body中添加一个id,如..

<html id="top">

..然后添加一个链接..

<a href="#top" id="top-button">Top</a>

虽然很多人都把它放在最底层,但最近我看到很多人把它固定在页面上,当你向下滚动一点时就显示出来,比如this。< / p>

答案 3 :(得分:0)

不要使用Javascript。在页面顶部添加<a name="top"></a>,对于可点击链接,请使用<a href="#top">Top</a>

您可以使用jQuery和scrollTop实现相同的目标,但不应该。

您也可能不需要“顶部”按钮。没有人使用它们,并且它们不会为您的网站添加任何有用的功能。键盘上已经有一个“顶部”按钮,“Home”。