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

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

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

Скроллер

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

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

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

 

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

 

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

Пример: jsFiddle

 

 

Автор: | Теги: , , ,

Важно

У нас заработал ФОРУМ. Все вопросы, которые не касаются статьи, а так же вопросы по конкретно вашему случаю нужно задавать и обсуждать именно там, в разделе "Помощь пользователям".

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

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

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