сюда короче я буду выкладывать все моя jquery наработки. все они проверены и работают
Плавная прокрутка в верх страницы очень удобна для посетителей сайта, так как предоставляет быстрый способ вернуться к началу страницы. Вот простой способ решения такой задачи:
<h1 id=\"anchor\">Заголовок</h1>
<!-- Здесь много много контента -->
<p><a href=\"#anchor\" class=\"topLink\">К началу страницы</a></p>
Непосредственно фрагмент jQuery.
[in]$(document).ready(function() {
$(\"a.topLink\".click(function() {
$(\"html, body\".animate({
scrollTop: $($(this).attr(\"href\").offset().top + \"px\"
}, {
duration: 500,
easing: \"swing\"
});
return false;
});
});[/in]
Параметр duration будут отвечает за скорость прокрутки в миллисекундах, easing — эффект прокрутки (их достаточно много поэтому вот ссылка на документацию).