Скрытие горизонтальной полосы прокрутки при сохранении ее активности и сохранении вертикальной

Question

Мне нужно скрыть горизонтальную полосу прокрутки без установки attr overflow-x:hidden, и я не хочу скрывать вертикальную, поэтому ::-webkit-scrollbar {display: none}; не подходит. Я пробовал установить "height:0px", но это также влияет на вертикальную полосу прокрутки. Есть ли способ отключить отображение только горизонтальной полосы прокрутки?

Answer 1

.wrap {
  width: 100%;
  height: 100%;
  overflow-x: scroll;
}

.inner {
  width: 200%;
}

.wrap::-webkit-scrollbar {
  display: none;
}

<div class="wrap">
  <div class="inner">
  </div>
</div>

JS Пример скрипта: https://jsfiddle.net/toszgwb6/