Freemius

WP Mighty

<p><a href="https://wpmighty.com/wordpress-plugins/scrollbar-customizer" rel="nofollow ugc">Scrollbar Customizer</a> is an advanced WordPress plugin that let you easily customize and change the design and control of the scrollbar in your website.</p>
<h3>The Key Features of Scrollbar Customizer</h3>
<p>⭐ Customize dragger height<br />
⭐ Customize bar width and side space<br />
⭐ Customize bar background color<br />
⭐ Customize dragger color<br />
⭐ Change bar border radius<br />
⭐ Compatible with all page builders<br />
⭐ Compatible with all WordPress themes<br />
⭐ Gutenberg compatible<br />
⭐ Include pot file for translation<br />
⭐ Compatible with last WordPress version<br />
⭐ Lightweight and fast with no jQuery<br />
⭐ Compatible with all modern browsers</p>
<h3>Pro version Features</h3>
<p>⭐ Dark mode theme support<br />
⭐ Gradient dragger support<br />
⭐ Change wheel speed<br />
⭐ Size Animation on hover</p>
<p><a href="https://wpmighty.com/wordpress-plugins/scrollbar-customizer" rel="nofollow ugc">Get pro version now</a></p>


Scrollbar Customizer

Easily customize and change the design and control of the scrollbar in your website.

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.

Scrollbar Customizer vs Custom Scrollbar