Главная > JavaScript > Jquery: простой скроллер для страниц

Jquery: простой скроллер для страниц

12.02.2016 0 коммент. » Просмотры: 1 364

Скроллер

Привык, что можно длинную страницу быстро прокрутить к верху нажатием на скроллер. Так, как сделано, на этом сайте. Для одного из своего новго проекта, набросал небольшой код, который делает то, что нужно. Делюсь с вами, а так же оставляю себе памятку для использования в будущем..

Прежде всего добавляем ссылку перед </body> но до загрузки скриптов:

следующим шагом, добавляем стили:

 

ну, и напоследок добавляем скрипт, после подключения Jquery:

 

здесь, автоматически расчитывается ширина клиентской области, чтобы скрывать скроллер, когда нет места. Поэтому, в место body>div.container, надо указать Ваш id/class контейнера содержания страницы.

Пример: jsFiddle

 

 

Автор: | Рейтинг: 4/5 | Теги: , , ,

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Разрешены HTML-теги: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>