UniSite CMS - Современный движок для Ваших сайтов.

ZHUR ARTUR.ru

Персональный блог по созданию
мощных и современных Web-Проектов!

Мечтая о чем-то малом, вы никогда не преуспеете в большом. © Жизнь

»

Введите код полученный после подписки

  • 5

  • 0

Прокрутка страницы вверх с помощью JQuery

Автор - Жур Артур | Добавлено - 2014-01-10 | Просмотров - 2786 | Скачено - 30

1Подключение плагина JQuery

Скачать плагин JQuery можно тут. Разместите его на ваш сайт и подключите к страницам перед закрывающим тегом </head>.

Подключение плагина


2 Дальше указываем код плавного прокручивания

Разместите этот код там где вы хотите видеть прокрутку страницы. Укажите его перед закрывающим тегом </head> .


3 Кнопка прокрутки

Наверх

Стили для кнопки.

#left-scrolling{
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    position: fixed;
    cursor: pointer;
}
#left-scrolling:hover{
    background-color: #E5EBF1;
}
#left-scrolling p{
    font: 14px sans-serif;
    margin: 10px 0;
    color: black;
}

Интересное

Комментарии