CSS Code Snippet to Hide Scrollbars on Your Webpage

You can hide the scrollbar of any element on your webpage using the following CSS code snippet.

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

If you are not targeting the body/html element, replace the ‘body’/’html’ selector above with the selector of the element you’re targeting.