Легковесный jQuery плагин для перемотки страницы "Наверх"!

ScrollUp - это простой и лёгкий jQuery плагин, с помощью которого мы сможем внедрить кнопку, при нажатии на которую пользователь плавно отправится на начало страницы.

Как использовать

Просто подключаем файл jquery.scrollUp.min.js и настраиваем плагин:

$(function () {
    $.scrollUp();
});

Настройки по умолчанию

$(function () {
    $.scrollUp({
        scrollName: 'scrollUp', //  ID элемента
        topDistance: '300', // расстояние после которого появится кнопка (px)
        topSpeed: 300, // скорость переноса (миллисекунды)
        animation: 'fade', // вид анимации: fade, slide, none
        animationInSpeed: 200, // скорость разгона анимации (миллисекунды)
        animationOutSpeed: 200, // скорость торможения анимации (миллисекунды)
        scrollText: 'Scroll to top', // текст
        activeOverlay: false, // задать CSS цвет активной точке scrollUp, например: '#00FFFF'
    });
});

Для визуализации линии, после которой должна появляться кнопка или ссылка “наверх”, можете воспользоваться опцией activeOverlay.
Пример: activeOverlay: '#00FFFF'

CSS настройка

Вы можете полностью контролировать отображение кнопки “наверх” через CSS. Просто задайте соответствующие стили.
Пример:

#scrollUp {
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: #555;
    color: #fff;
}