jQuery scrollTo插件不起作用

Question

我已經在這幾個小時了，我根本想不出來。

基本上，我有很長的項目列表，可以在頁面中填充。 當用戶點擊其中一個項目時，我想將窗口滾動到最上面的內容將被加載（可能是糟糕的設計，我知道，但這是一個單獨的問題）。

以下是我的腳本的樣子：

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
<script type='text/javascript' src='scripts/jquery.jgrowl.js'></script>
<script type='text/javascript' src='scripts/javascript.js'></script>
<script type='text/javascript' src='scripts/supersized.js'></script>
<script type='text/javascript' src='scripts/effects.core.js'></script>
<script type='text/javascript' src='scripts/jquery.scrollTo-1.4.2-min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js'></script>

這是我頁面頂部的HTML：

<div id='header'>
<div id='pagetop'></div>
</div>

這是失敗的呼叫：

$.scrollTo('#pagetop',800)

當我嘗試運行此行時，它不會產生錯誤消息，因此我知道scrollTo正在正確加載，但是當我進行調用時，它什么都不做。

任何幫助將不勝感激。

Answer 1

jQuery沒有scrollTo方法。 但是您可以在對象上使用.scrollTop() ^幫助 。

$('#pagetop').scrollTop(800);

更新

如果您只想要一個元素滾動到視圖中，您可以使用本機DOM方法：

$('#pagetop')[0].scrollIntoView();

甚至

document.getElementById('pagetop').scrollIntoView();

演示 ： http ： //www.jsfiddle.net/UHhDT/

更新2

jQuerys scrollTop也可以在.animate() 。

$(document.body).animate({scrollTop: $('#pagetop').offset().top}, 2000);

例如：

演示 ： http ： //www.jsfiddle.net/UHhDT/1/

Answer 2

你可以使用.scrollTop（）