Реклама

scrollUp 2.4.1 Обновлено 27.08.2016

Сайт плагина

Долго искал простое и изящное решение, спешу поделится! Есть простенький плагин для JQuery - scrollup, который весьма упрощает задачу!

Подключаем:

<script src="PATH/jquery.scrollUp.min.2.*.*.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'
});
});

Задать внешний вид и положение на странице:

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

Где PATH - путь на вашем сайте к плагину, а ежики - цифры, обозначающие версию

Последняя версия:

Вложение:
Скачать файл y87_jquery.scrollUp.min2.4.1.js.rar
Размер 1.01 KB
Скачан 118 раз
RSS
RSS - Лента новостей
Закладки
Сообщества