2013-10-17 36 views
3

我有一個簡單回到頂部鏈接有一個緩慢的動畫(CSS只)

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

,這立即使我頁面的頂部。但我希望它只是慢慢地用CSS去頁面的頂部。

這可能嗎? 在此先感謝。

編輯: 好的,對於任何有同樣問題的人。它使用這個jQuery:

// #btt is ID of the Back to Top Link 
    $("#btt").click(function() { 
    //html and body is used because of Browser compatibilit 
    $("html, body").animate({scrollTop: 0}, 1000); 
    }); 
+0

如果你可以使用JavaScript,那麼有一個非常簡單的庫叫做ScrollTo http://flesler.blogspot.com/2007/10/jqueryscrollto.html – jbaum012

+0

我對JQuery不是很有信心,但是這看起來很容易。謝謝 –

回答

1

你不能激活像使用純CSS滾動操作,對不起。你需要一些jQuery。

你可以做的是欺騙用戶,認爲頁面已經通過CSS移動元素:hover,但這是一個非常糟糕的做法,並且需要更多的代碼才能實現簡單的jQuery功能。

+0

好的,謝謝。 –