Плагін 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
Для роботи плагіна підключаємо бібліотеку jQuery не нижче версії 1.5.x (можна спробувати і версії 1.4.x)
Після виклику jQuery помістіть і виклик самого плагіна (і завантажте картинку zoomico.png туди ж, куди завантажили і скрипт плагіна):
Приклади ініціалізації:
Стилізуємо скроллбар всього документа (перевагу віддаємо html елементу)
Приклад з повернутим об'єктом:
Стилізація скролла у DIV і зміна кольору повзунка:
Отримання об'єкта nicescroll
Перевірка ресайз скроллбар:
СКАЧАТИ Стрибок: 5759
355,28 Kb Хто скачав?