Playground Madeas studio NiceScroll - исчезающий скроллбар

 

Плагин nicescroll позволяет придать стандартным полосам прокрутки стиль внешне похожий на используемый в ios (как у apple). Поддерживается изменение как вертикальной, так и горизонтальной полосы прокрутки.

Поддерживаются прокрутки в DIV-ах, iframe-ах, textarea и body.
Совместимость с браузерами: Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE6+.
Совместимость с мобильными усройствами: iPad, iPhone, iPod, Android 2.2+, Blackberry и Playbook (WebWorks/Table OS), Windows Phone 7.5 Mango.
Совместимость с устройствами ввода, как сенсорная мышь или перо: window surface, chrome desktop на сенсорных ноутбуках.
Совместимость с дву-направленными мышками: Apple Magic Mouse, Apple Mouser (с дву-направленным колесом), PC мышки с дву-направленным колесом (если браузер поддерживает их).

В современных браузерах реализовано аппаратное ускорение. Использование animationFrame для более плавной прокрутки и сохранения CPU (если поддерживается браузером) Особенности:

 


Простая установка и активация, работает без модификации вашего кода.
Стильный скроллбар, который не съедает полезную область вашего окна браузера, как это делают стандартные полосы прокрутки в браузере.
Возможность стилизации скроллбара всей страницы, т.е. тега body.
Во всех браузерах вы можете прокручивать: с помощью перетаскивания курсора, колесиком мыши (скорость настраивается), клавишами навигации (клавиши управления курсором, pageup, pagedown, home/end)
Плавная прокрутка (скорость настраивается)
Функция масштабирования
Аппаратное ускорение прокрутки
Поддержка animation frame для плавной прокрутки и экономии ресурсов CPU
Режим перетаскивания скролла, как на сенсорных устройствах
Протестирован со всеми основными десктопными и мобилными браузерами
Поддержка touch устройств
Поддержка устройств с мултитач (IE10 с MSPointer)
Полностью настраиваемый скроллбар
Родные scroll события, так же работают
Полностью интегрирован с jQuery
Совместим с jQuery UI, jQuery Touch и jQuery Mobile

Нравится материал? Поделись с друзьями

 


© 2017 Creative agency Madeas studio. All right reserved.