Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Remove scrollbars using CSS

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by Mick

spammerspiss
spammerspiss
more options

Hi, I am trying to make a website. The issue is that my website uses scroll. When using Linux or Windows 10 with FireFox, the scroll bars are there and they look terrible. Is there a way to remove the scroll bars using CSS since I am making a website and that would be the most convenient way?

Hi, I am trying to make a website. The issue is that my website uses scroll. When using Linux or Windows 10 with FireFox, the scroll bars are there and they look terrible. Is there a way to remove the scroll bars using CSS since I am making a website and that would be the most convenient way?
Attached screenshots

All Replies (1)

Mick
Mick
more options

hi, chrome edge and safari use -webkit-scrollbar Firefox requires CSS scrollbar.

an example: 

/* Hide scrollbar for Chrome, Edge, Safari and Opera */

.example::-webkit-scrollbar { 

 display: none;

}

/* Hide scrollbar for IE, and Firefox */ .example { 

 -ms-overflow-style: none;  /* IE*/
 scrollbar-width: none;  /* Firefox */

}

Modified by Mick