Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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
  • 10 views
  • Paskiausią atsakymą parašė 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;