JavaScript: Плавное перемещение к началу страницы

2011-05-24

Небольшой, но полезный скрипт, позволяющий плавно проскролить веб-страничку в самый вверх. Такие скрипты должны всегда быть под рукой.

Собственно, сама функция выглядит так:

// Функция "smoothJumpUp" вызывает себя рекурсивно до тех пор,
// пока не будет достигнута вершина нашей веб-страницы
var smoothJumpUp = function() {
if (document.body.scrollTop>0 || document.documentElement.scrollTop>0) {
window.scrollBy(0,-50);
setTimeout(smoothJumpUp, 10);
}
}

Пример использования:

<a href="javascript:smoothJumpUp()">К началу страницы</a>

Пример в действии:
К началу страницы



3 комментария на «JavaScript: Плавное перемещение к началу страницы»

  1. Сергей:

    Как сделать анологично только в низ страницы сайта?

  2. admin:

    Можно так же, только в window.scrollBy меняем -50 на 50 и проверяем document.body.scrollTop || document.documentElement.scrollTop на достижение значения высоты страницы минус высоту окна браузера

  3. Виталий:

    Спасибо

Добавить комментарий