Как отображать скроллбар кроссбраузерно без библиотек?

Question

[Михаил Федотов]

Есть несколько div, в которых нужно показать мобильным пользователям, что их можно прокручивать горизонтально.

.element {
  overflow-x: scroll;
}

Не помогает, так как мобильные браузеры (а также mac os) скрывает скроллбар.

::-webkit-scrollbar

Работает, но только в -webkit-.

Есть решение установить JS (обычно, jQuery) библиотеку, но оно не подходит.

Может, есть способ навязать браузеру показывать скроллбар насильно, путем JS? Что-то типа:

var el = document.getElementById("element");
// pseudocode
el.scrollbar = true;

Comments

[Lynn «Кофеман»]

Лучше бы дизайнера напрячь

[Михаил Федотов]

Алексей Тен, так себе решение

[Сергей delphinpro]

Михаил Федотов, Почему js не подходит? Это единственное вероятно решение.

[Михаил Федотов]

Сергей delphinpro, такая стоит задача. Не использовать сторонние библиотеки.

И мое мнение - задача верная. Совершенно не хочется использовать целую (а еще и упаси jQuery) библиотеку, ради полосы прокрутки.

Как одно из решений - нарисовать элемент, который двигался бы, при событии scroll. Но это же делает и библиотека - перерисовывает DOM и слушает события. Хотелось бы просто включить отображение скроллбара и все.