2012-12-16 123 views
1

與jQuery .animate功能有一些問題。jQuery的動畫速度不工作?動畫即時 - 不流暢

我實現了一個「返回頂部」鏈接在我的網站在這裏:http://www.unforgivengamers.com/

它應該讓你回到頁面頂部,一旦你點擊它。

這裏是我的jQuery代碼:

<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery('a[href=#top]').click(function(){ 
     jQuery('html, body').animate({scrollTop:0}, 'slow'); 
     return false; 
    }); 
</script> 

問題:動畫不流暢!我希望它能夠緩慢滾動,而不是瞬間滾動。

像這樣:http://designwoop.com/labs/smooth%20scroll/smooth-scroll.html

我失去了什麼嗎?

我使用jQuery 1.8.3

+0

'slow === 600ms',如果你想要更平滑的效果,請設置高於600ms的時間。 – undefined

+0

我將它設置爲5000,但它仍然不平滑。這不可能是原因。 – Brandon

+2

布蘭登它看起來像你的網頁上有js錯誤,可能會阻止其他腳本啓動。 – kernelpanic

回答

4

你應該準備好文件處理程序中把你的代碼,動畫甚至沒有在網頁上進行,錨是在頁面的底部,你的代碼,而文檔準備好在頁面的頂部。

jQuery(document).ready(function(){ 
    jQuery('a[href=#top]').click(function(){ 
     jQuery('html, body').animate({scrollTop:0}, 'slow'); 
     return false; 
    }); 
}) 
+0

救命!非常感謝你。 :-) – Brandon

+0

@Brandon歡迎:) – undefined