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

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

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

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

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


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