Как настроить стили для scrollbar?

Question

[Алексей Исаков]

Можно ли, сделать такой стиль для scrollbar внутри отдельного окна на странице, на чистом js, без плагинов?



Дело в том, что такой scrollbar не отображается у меня в файле .html, хотя в онлайн редакторе всё нормально.

Comments

[Ankhena]

Дело в том, что такой scrollbar не отображается у меня в файле .html, хотя в онлайн редакторе всё нормально

Значит, не всё или не так перенесли.

Answer 1

[Moon Presence]

Дело в том, что такой scrollbar не отображается у меня в файле .html, хотя в онлайн редакторе всё нормально

Скорее всего вы просто не подключили файлы JS подключенные в песочнице:



Ошибка или в этом, или в неправильности подключения файлов JS, потому что у меня всё работает как и в онлайн редакторе, так и за его пределами. Можно посмотреть в консоль, там должны быть показаны ошибки.

Можно ли, сделать такой стиль для scrollbar внутри отдельного окна на странице, на чистом js, без плагинов?

Да, можно, но для этого нужно уметь в JS чтобы создать "нормальный" код для реализации подобного, или хотя бы уметь понимать чужой код и на основе просмотра готовых решений, можно создать что-то своё. Вот например запрос для Google: vanilla js custom scrollbar. Много разных вариантов.

Ну, а так, можно обойтись и без JS, сделав стилизацию скроллбара через CSS, однако такой подход будет работать не для всех браузеров.

Comments

[Алексей Исаков]

@sniggering_deus
Это уже файл со скачанной документацией, с github.

[Moon Presence]

Алексей Исаков, ошибки в консоли есть?

[Алексей Исаков]

Moon Presence, оу, а как это можно исправить?

[Moon Presence]

Алексей Исаков, путь к файлу поправьте, точнее расположение файлов и всё заработает.

[Алексей Исаков]

Moon Presence, спасибо большое! Не ожидал, что решение этой проблемы будет таким простым...

[Moon Presence]

Алексей Исаков, хорошо.