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!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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 resposta
  • 1 has this problem
  • 10 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;