saeed tosifyan

<p>This plugin removes the visible scrollbar from your website across all major browsers (Chrome, Firefox, Safari, Edge) using CSS techniques. It ensures that users can still scroll through the content without seeing the scrollbar, providing a cleaner and more modern look.</p>


Hide Scrollbar Force

Hides the scrollbar on your WordPress site while keeping the scroll functionality intact.

miunosoft

Michael Uno

<h4>Change the Look of Too Long Vertical Elements width a Scrollbar</h4>
<p>Do you have too long elements sticking out and breaking the web site layout?</p>
<p>If you have such a problem, fix their height by adding a scrollbar to the element with this plugin.</p>
<h4>See How a Scrollbar is Created</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_MRQOXW1UTU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>After installing it, go to <code>Dashboard</code> -> <code>Appearance</code> -> <code>Scrollbars</code>. Set a selector and height. That’s it.</p>
<p>Notes: you need a basic understanding of CSS/jQuery selectors to use this plugin.</p>
<h4>Multiple Selectors</h4>
<p>By specifying selectors, you can define multiple scrollbars.</p>
<h4>Responsive</h4>
<p>Supports responsive design by defining the range of browser screen widths for the scrollbar to appear.</p>
<h4>Custom Colors</h4>
<p>Pick custom colors for the scrollbar elements.</p>
<h4>Custom CSS</h4>
<p>Define custom CSS rules.</p>
<h4>Predefined Styles</h4>
<p>Pick you favorite style from a list.</p>
<h4>Ajax Page Load Handling</h4>
<p>Even if the elements is inside an element which loads with Ajax, your scrollbars will be initialized accordingly.</p>
<h4>Supports Responsive Design</h4>
<p>If you want to disable your scrollbars in certain screen widths, you can do so as well.</p>
<h4>Supported Language</h4>
<ul>
<li>English</li>
<li>Japanese</li>
</ul>


Custom Scrollbar

When loading the plugin directory URL use plugins_url() instead of WP_PLUGIN_URL

Eg: define('file_url',plugins_url()."/your_file/");

Source: plugin-main.php, line# 21

Because WP_PLUGIN_URL doesn’t work on SSL properly, so this caused a delay in the launch of our website.

Needs Improvement

Adds a custom scrollbar to specified HTML elements.

Hide Scrollbar Force vs Custom Scrollbar