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

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

Легковесный 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;
}



Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...