Нестандартный скроллинг для сайта на JQuery

Нестандартный скроллинг для сайта на JQuery

02.12.201136015

Редко вижу нестандартный скроллинг на страницах различных сайтов, по крайней мере, основной, главный скролл. Нестандартный скроллинг для сайта на JQuery в примере применен ко всей страничке. Вы можете менять стиль, как самого ползунка, так и стиль полоски, на которой он находится. Весь контент на страничке заключается в определенный блок с определенным классом. И сам скроллинг появляется только при наведении курсора на место, где должен быть скроллинг, а еще он появляется, когда вы прокручиваете содержимое колесиком мыши. Скроллинга не существует, когда содержимое не выходит за пределы дозволенного, т.е. за границы окна браузера.

Обязательно подключение JQuery, в архиве имеются все необходимые файлы и рабочий пример. Скриншот, который вы видите левее данного описания, сделан в браузере Internet Explorer 9, не наблюдается никаких отклонений, как в виде, так и в функциональности. Под функциональностью подразумеваются эффекты появления и затухания и возможность перемещения ползунка, зажав его курсором.

Подобный вид скроллинга можно увидеть на проектах Google, еще можно увидеть в MAC OS. Скрипт этот может менять только вертикальный скроллинг содержимого. Если же горизонтальное содержимое вышло за пределы, то никакого дополнительного скролла не появится вообще.



Сохраните в социальную сеть
Комментарии (5)
Гость 04.12.2011 в 22:52Спам
а пример можно посмотреть?
1
Пример в архиве
0
Гость 28.05.2012 в 16:45Спам
а как сделать скроллинг не на всю высоту окна, а, например, в два раза короче? при этом контейнер с содержимым будет такой же, как сейчас.
0
Борат 28.05.2012 в 16:58Спам
Попробуйте в CSS указать нужный WIDTH
0
Борат 28.05.2012 в 18:32Спам
Имел ввиду HEIGHT
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт