Плагин 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() ^help для объекта.

$('#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 ()