Как кастомизировать скролл бар в textarea?

Question

[jeruthadam]

Как кастомизировать скроллбар в области текста?
Например, я хочу чтобы он появлялся вне области, с какой-то анимацией, ну и сам скролл стилизовать.

Может есть библиотеки (не джквери)?
Или поясните механику процесса?

Answer 1

[Алексей Шашенков]

Вот так что-ли?

Comments

[jeruthadam]

К сожалению, это же работает только в Хроме. Тут CSS одним не обойтись. Но спс.

[Алексей Шашенков]

jeruthadam: Вот еще есть, но для textarea надо подправить саму либу, чтобы она не внутри контейра вставляла блоки, а рядом в DOM

[jeruthadam]

Алексей Шашенков: что значит "подправить саму либу"?

[jeruthadam]

Алексей Шашенков: эта библа на работает с текстареа - https://github.com/noraesae/perfect-scrollbar/issu...

[Алексей Шашенков]

jeruthadam: Я же сказал, что там надо код подправить.

[jeruthadam]

Алексей Шашенков: может еще новую либу написать? ппц. создатель либы говорит что не надо юзать с textarea, а ты мне это тычешь. генератор шума, какой-то. что тут в вопросе, что в другом.

[Алексей Шашенков]

jeruthadam: Да там правок не много. Я привел пример, если нужно можно исправить и юзать, если нет - искать дальше. Там проблема в том, что элементы находятся внутри контейнера, их надо вынести рядом.

Answer 2

[profesor08]

В webkit можно любой кастомизировать.
https://developer.mozilla.org/en-US/docs/Web/CSS/:...

Comments

[jeruthadam]

Это да, но надо бы кроссбраузерно, и сделать его вне поля, и я еще анимашки хочу как он появляется.

[profesor08]

jeruthadam: Забудь. Ты либо можешь оставить дефолтный, либо стилизовать для webkit, либо не пользоваться скроллбаром, а делать свой собственный или использовать сделанный кем-то:
manos.malihu.gr/jquery-custom-content-scroller

[jeruthadam]

profesor08: что забыть-то?