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

Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/mM8FSleOq7A/lessons.php

Читать комменты и комментировать

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



Защитный код
Обновить

Легковесный jQuery плагин для перемотки страницы Наверх ! | | 2013-05-15 03:18:09 | | Статьи Web-мастеру | | ScrollUp - это простой и лёгкий jQuery плагин, с помощью которого мы сможем внедрить кнопку, при нажатии на которую пользователь плавно отправится на начало страницы.Как использоватьПросто подключаем | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: