hidden webkit vertical scrollbar, display horizontal scrollbar

tcvduc 0
Viewed 22

  • Hi, I was coding CSS, and then I meet the problem.

  • I had learned that if I code the CSS code bellow, the scroll bar will not display on the web page.

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

  • But I wanted to display the horizontal scroll bar and hide the vertical scroll bar.

enter image description here

  • How can I hide the vertical scroll bar, I don't know if the CSS code had something like ::webkit-y-scrollbar?
scrollbar css
1 Answers

It may be possible to use the CSS overflow property. The overflow property allows you to control the content area and without viewing the rest of your code, it may work in this scenario. Try something like so:

html {
  overflow-x: scroll;
  overflow-y: hidden;
}

Documentation: https://www.w3schools.com/css/css_overflow.asp

Edgar Reynaga0
Related