стилізація скроллбар

стилізація скроллбар
Як ви знаєте, в різних операційних системах, смуги прокрутки (скроллбар) мають свій зовнішній вигляд і його ніяк не можна змінити через CSS, принаймні кросбраузерності.

Налаштування плагіна:

  • cursorcolor - задає колір смуги прокрутки (за замовчуванням: "# 000000")
  • cursoropacitymin - задає прозорість смуги прокрутки, коли вона не активна. Може приймати значення від 0 до 1 (за замовчуванням: "0", тобто смуга прихована)
  • cursoropacitymax - задає прозорість смуги прокрутки в активному стані. Може приймати значення від 0 до 1 (за замовчуванням: "1", тобто смуга видна повністю)
  • cursorwidth - задає ширину смуги прокрутки (за замовчуванням: "5px")
  • cursorborder - задає рамку під коло смуги прокрутки (за замовчуванням: "1px solid #fff")
  • cursorborderradius - задає радіус заокруглення кутів смуги прокрутки (за замовчуванням: "4px")
  • zindex - задає властивість zindex для DIV-блоку, всередині якого знаходиться смуга прокрутки (за замовчуванням: "9999»)
  • scrollspeed - встановлює швидкість прокрутки (за замовчуванням: "60")
  • mousescrollstep - встановлює швидкість прокрутки за допомогою коліщатка мишки (за замовчуванням: "40")
  • touchbehavior - задає можливо прокрутки контенту за допомогою курсору миші, подібно до того, як це відбувається на сенсорних пристроях (за замовчуванням: false)
  • hwacceleration - використання апаратного прискорення, якщо це можливо (за замовчуванням: true)
  • boxzoom - дозволяє використання функції збільшення масштабу (за замовчуванням: false)
  • dblclickzoom - (тільки при установці boxzoom = true) активує функцію збільшення масштабу при подвійному натисканні по елементу (за замовчуванням: true)
  • gesturezoom - (тільки при установці boxzoom = true і на сенсорних пристроях) активує функцію збільшення масштабу при доторку до блоку (за замовчуванням: tru) e
  • grabcursorenabled - (тільки при touchbehavior = true) відображає курсор миші у вигляді "хапає руки" (за замовчуванням: true)
  • autohidemode - дає можливість приховувати смугу прокрутки. Може приймати значення: "true" = це значення за замовчуванням, "false" = не приховувати
  • background - задає фон для блоку, всередині якого знаходиться смуга прокрутки. (За замовчуванням: "", тобто ніякого фону немає)
  • iframeautoresize - встановлює автоматичну зміну розміру iframe при завантаженні його вмісту (за замовчуванням: true)
  • cursorminheight - задає мінімальну висоту смуги прокрутки в пікселях (за умовчанням: "20")
  • preservenativescrolling - дозволяє горизонтальну прокрутку, підміняючи подія прокрутки коліщатком мишки (за замовчуванням: true)
  • railoffset - ви можете додати зміщення top / left для блоку, всередині якого рухається смуга прокрутки (за замовчуванням: false)
  • bouncescroll - включення підстрибування при досягнення верхньої або нижньої межі блоку (аналогічно, як це відбувається на сенсорних пристроях) (за замовчуванням: false)
  • spacebarenabled - робить прокрутку вниз, при натисканні клавіші "пробіл" (за замовчуванням: true)
  • railpadding - задає відступи для блоку, всередині якого рухається смуга прокрутки (за замовчуванням:)
  • disableoutline - для браузера chrome, відключення outline (помаранчева підсвічування), при кліці по смузі прокрутки (за замовчуванням: true)
  • horizrailenabled - дозволяє використання горизонтальної смуги прокрутки (за замовчуванням: true)
  • railalign - задає розташування вертикальної смуги прокрутки (за замовчуванням: "right")
  • railvalign - задає розташування горизонтальної смуги прокрутки (за замовчуванням: "bottom")
  • enabletranslate3d - використовувати CSS3 властивості для прокрутки контенту (за замовчуванням: true)
  • enablemousewheel - відстежувати події коліщатка мишки (за замовчуванням: true)
  • enablekeyboard - відстежувати події клавіатури (за замовчуванням: true)
  • smoothscroll - задає плавну прокрутку (за замовчуванням: true)
  • sensitiverail - при кліці по блоку, всередині якого рухається смуга прокрутки, відбувається прокрутка (за замовчуванням: true)
  • enablemouselockapi - використовувати API подій мишки (використовується при переміщенні об'єктів) (за замовчуванням: true)
  • cursorfixedheight - встановлює фіксовану висоту смуги прокрутки в пікселях (за умовчанням: false)
  • hidecursordelay - встановлює затримку в мікросекундах до зникнення смуги прокрутки (за замовчуванням: 400)
  • directionlockdeadzone - мертва зона до ділянки розблокування телефону (стандартний: 6)
  • nativeparentscrolling - відстежує кінець сторінки (за замовчуванням: true)
  • enablescrollonselection - дозволяє автопрокрутку контенту при виділенні тексту (за замовчуванням: true)