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

ZHUR ARTUR.ru

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

По настоящему самый близкий человек – это тот, который знает твое прошлое, верит в твое будущее, а сейчас принимает тебя таким, какой ты есть. © Фридрих Ницше

»

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

  • 5

  • 0

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

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

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;
}

Интересное

Комментарии