We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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 tontu
  • 1 am na jafe-jafe bii
  • 10 views
  • i mujjee tontu mooy 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;