Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I hide scrollbars in a web page?

  • 1 reply
  • 1 has this problem
  • 11 views
  • Last reply by Orlando S.

more options

Hello everybody, I was wondering if there's any way to hide both scrollbars in a DIV which would overflow.

I can achieve this in Chrome using the following:

-webkit-scrollbar {
   width: 0px;  /* remove scrollbar space */
   background: transparent;  /* optional: just make scrollbar invisible */

}

I need to do the same in Firefox but I don't know how to achieve the same result. I'm pretty sure there must be a way but don't know how. Could you please help?

Thank you Marco

Hello everybody, I was wondering if there's any way to hide both scrollbars in a DIV which would overflow. I can achieve this in Chrome using the following: ::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } I need to do the same in Firefox but I don't know how to achieve the same result. I'm pretty sure there must be a way but don't know how. Could you please help? Thank you Marco

All Replies (1)

more options

Use the following css:

overflow-x: hidden;