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

Remove scrollbars using CSS

  • 1 பதிலளி
  • 1 இந்த பிரச்சனை உள்ளது
  • 4 views
  • Last reply by Mick

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)

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 */

}

Mick மூலமாக திருத்தப்பட்டது