В вашей дизайн-системе могут быть особые требования к внешнему виду скроллбаров. К сожалению, нативные возможности стилизации весьма ограничены, поэтому, если вы сталкивались с подобными требованиями, единственный вариант — делать собственный компонент. Для этого нам нужно решить несколько задач: понять, когда надо показывать ползунок, какого он должен быть размера и где находиться, обновлять положение при прокрутке и тому подобное. Что, если я скажу вам, что в 2026 году JavaScript для всего этого нам больше не нужен? Не верю!
В вашей дизайн-системе могут быть особые требования к внешнему виду скроллбаров.
Возможно, вы хотите, чтобы они исчезали, когда курсор находится за пределами контейнера. Или вам нужны свои цвета, форма и эффекты при наведении. К сожалению, нативные возможности стилизации скроллбаров весьма ограничены, поэтому, если вы сталкивались с подобными требованиями, единственный вариант — делать собственный компонент.
Для этого нам нужно решить несколько задач:
- Понять, когда нужно показывать скроллбары.