Как задать кастомную длину скроллбара?

Question

[Ar jeck]

Можно ли изменить длину скроллбара, как на изображении?

Имеется ввиду, сделать его не на всю ширину div'а, как пока что получилось

Comments

[Дмитрий]

На css не получиться регулировать длину., т.к длина scrollbar-button - зависит от контента

Answer 1

[Дмитрий Пыркин]

manos.malihu.gr/repository/custom-scrollbar/demo/e...

Comments

[Ar jeck]

Спасибо, но к сожалению - не совсем то (
Там все равно длина скрола = высоте/ширине контейнера, для которого он задан
Видимо, придется отрисовывать прозрачный контейнер нужного размера и рисовать для него скролл, а потом js'ом передавать позицию скрола в слайдер выше и смещать его на нужное расстояние
Ну или отрисовать скролл самому дивами и опять таки передавать значение слайдеру js'ом
Оба варианта выглядят как костыль, но других вариантов я не вижу пока :c

Answer 2

[Вадим Белкин]

Нет возможности так кастомизировать дефолтный скролл, сделать ширину скроллбара больше ширины его контейнера, ширина скролл бара всегда равна размеру контейнера.
По картинке не понятно где реальные границы контейнера, за которыми скрывается контент. Можно было бы те боковые отступы от краев скроллбара до краев внутреннего блока сделать паддингами самого контейнера со скроллом либо паддингами доп.обертке внутреннего блока, пример