如何在JavaScript中製作頁面頂部的按鈕？

我想知道如何使功能scrooling到頁面頂部的jQuery按鈕。該按鈕通常位於頁面的底部。如何在JavaScript中製作頁面頂部的按鈕？

最好是，有沒有Drupal 6.0的模塊？

在此先感謝您的幫助。

2011-08-14 asd2586

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

如果你想讓它很好地向上滾動，這樣做：

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

2011-08-14 18:17:50

Haaaaaa！你擊敗了我！我只貼了一個鏈接，但仍然:) – PhD

很好地向上滾動不起作用;（ – asd2586

忘了'返回false'。將其添加到我的代碼... –

請勿使用Javascript。將<a name="top"></a>添加到頁面的頂部，而對於可點擊的鏈接則使用<a href="#top">Top</a>。

你可以用jQuery和scrollTop實現同樣的事情，但你不應該這樣做。

您也可能不需要「頂部」按鈕。沒有人使用它們，並且它們不會爲您的網站添加任何有用的功能。鍵盤上已經有一個「頂部」按鈕，「Home」。

2011-08-14 18:17:34 meagar

是否有你需要使用JavaScript一個原因？您可以通過在頁面的頂部設置錨純粹做通過HTML：

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

，然後無論你想提供一個鏈接到頂部，你可以使用普通的a標籤帶有href：

<a href="#top">Top!</a>

希望這有助於。

2011-08-14 18:19:42 idbentley

最簡單的方法是將ID添加到HTML /身體像..

<html id="top">

..和然後添加一個鏈接到它..

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

雖然很多人做把它放在最下面，最近我看到很多人把它固定在頁面上，並且當你向下滾動一點時顯示它，如this。

2011-08-14 19:00:38 Kayla

回答