Hide Scrollbar Force
This plugin removes the visible scrollbar from your website across all major browsers (Chrome, Firefox, Safari, Edge) using clean CSS techniques. It ensures that users can still scroll through the content without seeing the scrollbar, providing a modern and seamless browsing experience. Features: *
About this tool.
This plugin removes the visible scrollbar from your website across all major browsers (Chrome, Firefox, Safari, Edge) using clean CSS techniques. It ensures that users can still scroll through the content without seeing the scrollbar, providing a modern and seamless browsing experience.
Features: * Visually hides the vertical and horizontal scrollbars. * Keeps smooth scrolling via mouse wheel, keyboard, and touch fully functional. * Lightweight with zero performance overhead (pure inline CSS injection). * Compatible with modern page builders and responsive modal popups. * Developer-friendly filter hook ( hide_scrollbar_force_enabled ) for conditional loading.
Getting started.
- 01Upload the hide-scrollbar-force folder to the /wp-content/plugins/ directory, or install it directly via the WordPress Plugin Directory.
- 02Activate the plugin through the ‘Plugins’ menu in WordPress.
- 03The scrollbar is now hidden automatically with no configuration needed.
Frequently asked questions.
Does this plugin affect scrolling functionality?
No, it only hides the scrollbar visually. Users can still scroll smoothly using mouse wheels, trackpads, touch gestures, or keyboard arrow keys.
Will it break modal windows or internal scrollable boxes?
No, version 1.4+ scopes rules strictly to the page viewport ( html, body ) and avoids breaking internal scrollable containers (like code blocks, tables, or modals).
Can I disable the plugin on specific pages?
Yes, developers can use the hide_scrollbar_force_enabled filter in their theme’s functions.php file. For example: add_filter( ‘hide_scrollbar_force_enabled’, function( $enabled ) { return ! is_page( ‘contact’ ); } );
