Горизонтальный свиток DIV со скрытой полосой прокрутки в приложении React ⇐ Html

[Anonymous]

У меня есть следующий div , содержащий серию кнопок, выровненных горизонтально в приложении React. Все еще возможность прокрутить < /p>
Я ищу решение для горизонтального свитка. Вот мой div .


doSomething()}>




doSomething()}>



//etc.

< /code>
Для использования телефона я хочу, чтобы кнопки прокручивали горизонтали..scroll-container {
display: flex;
overflow-x: auto;
}
< /code>
Но я действительно хочу, чтобы стержень прокрутки был скрыт, чтобы вы могли нажать и удерживать кнопку и перетаскивать ее. Не позволяйте вам нажимать и перетаскивать div < /p>
/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-container::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-container {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
< /code>
Какой общий метод решения этой проблемы?
Спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -react-app