Hide Scroll Bar On 'Overflow: Auto' Container

Container

Hide Scroll Bar On ‘Overflow: Auto’ Container

1 year ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Add this following CSS code to the container:

selector {
-ms-overflow-style: none; /* IE and Edge / scrollbar-width: none; / Firefox */
}

selector::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}

Video

< 1 min read

Elementor Custom Video Lightbox CSS

Add this code on Appearance Customize > Additional CSS :

Effect

< 1 min read

Blur Effect CSS

Learn how this simple blur effect addition can transform your website’s visual appeal, creating a sleek and modern look that

Global

3 min read

Improve the Quality of the Scrolling Experience with Custom CSS Scrollbars

Hello guys! Have you ever thought about how to improve the appearance of the scrollbar on your website page? A good scrollbar

Header

< 1 min read

Change Color of Header and Show-Hide Elements On Scroll

Useful for transparent headers. IMPORTANT Under ‘Motion Effect’ settings, below ‘Offset’, you must set the ‘Effects Offset’ into ‘1’ or

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Join our newsletter to stay up to date on features and releases.

By subscribing you agree to with our Privacy Policy and provide consent to receive updates from our company.

Container