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

6033f9e9d8c3f973615408.png

Подскажите, пожалуйста, плагин или как можно стилизовать стандартный скроллбар, чтобы добиться результата на скрине. Пробовал сдвинуть стандартный - не получилось. Также попробовал библиотеку Jquery scrollbar, но она не очень стабильно работает
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ответы на вопрос 3
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Готовые библиотеки тебе в помощь, но суть вообще проста: надо высчитать видимую область и соотношение ей ко всему прокручиваемому контенту, да перенести это соотношение в кастомник в виде размеров. Так как видимая область это обычно некий блок с фиксированной высотой, у которого включена прокрутка (которую надо скрыть), то внутрянки достаточно обернуть в еще один блок, чтобы получить размер.

И ловя событие скролла получать его значения и менять состояние скроллбара. В обратную сторону это тоже работает уже в режиме записи в прокрутку других значений.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы