如何在能够滚动的同时只删除水平滚动条？

Question

有很多这样的问题，但我无法找到一个回答如何只删除水平滚动条同时仍然能够水平滚动的问题：

我使用了以下代码，但它同时删除了水平和垂直滚动条：

.section {
  overflow-y: auto;
  scrollbar-width: none; /*For firefox*/
}

::-webkit-scrollbar {
  display: none; /*For remainder of the browsers*/
} 

Answer 1

尝试这个：

.section {
  overflow-x: scroll;
  scrollbar-width: none;
  overflow-y: auto;
}

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