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

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

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

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

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

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (5)
Борат 2012-05-28 в 18:32 / МатериалСпам
Имел ввиду HEIGHT
0
Борат 2012-05-28 в 16:58 / МатериалСпам
Попробуйте в CSS указать нужный WIDTH
0
Гость 2012-05-28 в 16:45 / МатериалСпам
а как сделать скроллинг не на всю высоту окна, а, например, в два раза короче? при этом контейнер с содержимым будет такой же, как сейчас.
0
Денис Абдуллин 2011-12-06 в 13:46 / МатериалСпам
Пример в архиве
0
Гость 2011-12-04 в 22:52 / МатериалСпам
а пример можно посмотреть?
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.