Adds a custom scrollbar to specified HTML elements.

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.

Alternatives to Custom Scrollbar

Top alternatives