jquery.scrollUp - Плагин прокрутки страницы вверх

Все крутые примочки
Аватара пользователя
yurecnt
Администратор
Сообщения: 135
Зарегистрирован: 17 дек 2014, 14:02
Откуда: Нижий Тагил
Контактная информация:

jquery.scrollUp - Плагин прокрутки страницы вверх

Сообщение yurecnt » 21 дек 2014, 14:11

Частенько на сайтах можно увидеть кнопочку, перематывающую страницу вверх, она обычно появляется, когда страница прокручена до определенного момента.
Как юзать?
В js-коде:

Код: Выделить всё

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

В CSS-коде:

Код: Выделить всё

#scrollUp {
       bottom: 20px;
       left: 20px;
       padding: 10px 20px;
       background: #555;
       color: #fff;
       border-radius: 20px;
       box-shadow: 0px 0px 10px black; /* Параметры тени */
       opacity: 0.7;
       filter: alpha(opacity=70);
       outline: none;
}
Вложения
jquery.scrollUp.min.2.3.3.js.zip
(1.09 КБ) 241 скачивание

Вернуться в «Плагины для JQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

cron