Title: Custom Scrollbar Author: miunosoft Published: ޖުލައި 4, 2015 Last modified: ޖުލައި 9, 2021 --- Search plugins ![](https://ps.w.org/custom-scrollbar/assets/banner-772x250.png?rev=1269059) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/custom-scrollbar/assets/icon-256x256.png?rev=1269039) # Custom Scrollbar By [miunosoft](https://profiles.wordpress.org/miunosoft/) [Download](https://downloads.wordpress.org/plugin/custom-scrollbar.1.3.8.zip) * [Details](https://dv.wordpress.org/plugins/custom-scrollbar/#description) * [Reviews](https://dv.wordpress.org/plugins/custom-scrollbar/#reviews) * [Installation](https://dv.wordpress.org/plugins/custom-scrollbar/#installation) * [Development](https://dv.wordpress.org/plugins/custom-scrollbar/#developers) [Support](https://wordpress.org/support/plugin/custom-scrollbar/) ## Description #### Change the Look of Too Long Vertical Elements width a Scrollbar Do you have too long elements sticking out and breaking the web site layout? If you have such a problem, fix their height by adding a scrollbar to the element with this plugin. #### See How a Scrollbar is Created After installing it, go to `Dashboard` -> `Appearance` -> `Scrollbars`. Set a selector and height. That’s it. Notes: you need a basic understanding of CSS/jQuery selectors to use this plugin. #### Multiple Selectors By specifying selectors, you can define multiple scrollbars. #### Responsive Supports responsive design by defining the range of browser screen widths for the scrollbar to appear. #### Custom Colors Pick custom colors for the scrollbar elements. #### Custom CSS Define custom CSS rules. #### Predefined Styles Pick you favorite style from a list. #### Ajax Page Load Handling Even if the elements is inside an element which loads with Ajax, your scrollbars will be initialized accordingly. #### Supports Responsive Design If you want to disable your scrollbars in certain screen widths, you can do so as well. #### Supported Language * English * Japanese ## Screenshots * [[ * **Front-end** * [[ * **Setting Page** ## Installation 1. Upload **`custom-scrollbar.php`** and other files compressed in the zip folder to the **`/wp-content/plugins/`** directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Go to **Dashboard** -> **Appearance** -> **Scrollbars**. 4. Configure the options by setting a selector and height. ## Reviews ![](https://secure.gravatar.com/avatar/49859f7f4294487dfe8a3f65a6b5193a3820cdaa843ea82b1c60653935615f53? s=60&d=retro&r=g) ### 󠀁[Comprehensive Functionality](https://wordpress.org/support/topic/comprehensive-functionality/)󠁿 [mojen](https://profiles.wordpress.org/mojen/) އޯގަސްޓް 20, 2017 Plugin’s UI allows access to all customisation features. Each option is extremely well-documented. Settings are nicely organised. ![](https://secure.gravatar.com/avatar/147f9bad2fe3bfcd2d04c70b5f4504dc03b2ba51be99369fa8ec498f193b114b? s=60&d=retro&r=g) ### 󠀁[Needs Improvement](https://wordpress.org/support/topic/needs-improvement-12/)󠁿 [adaldesign](https://profiles.wordpress.org/adaldesign/) ޖެނުއަރީ 16, 2017 1 reply 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. ![](https://secure.gravatar.com/avatar/52bc66d3d316b886dcb79ef42f808e40e789b0ca263e3e839cb196a912c98069? s=60&d=retro&r=g) ### 󠀁[Scroll speed to too slow](https://wordpress.org/support/topic/scroll-speed-to-too-slow/)󠁿 [gincegeorge](https://profiles.wordpress.org/gincegeorge/) ނޮވެމްބަރ 29, 2016 Please add an option to control scroll speed. ![](https://secure.gravatar.com/avatar/9fd6240f7a71ae600e56310e44673b568f319a0c03adad363a5fba78e84a8e36? s=60&d=retro&r=g) ### 󠀁[Awesome Plugin](https://wordpress.org/support/topic/awesome-plugin-2150/)󠁿 [wapeddell](https://profiles.wordpress.org/wapeddell/) ސެޕްޓެމްބަރ 3, 2016 Awesome Plugin thanks for making this available for free. ![](https://secure.gravatar.com/avatar/7d36c16a5f052707c4fed77899fd07b9e7f775b1b9bed784defb84f66d081dcc? s=60&d=retro&r=g) ### 󠀁[This plugin is awesome!](https://wordpress.org/support/topic/this-plugin-is-awesome-40/)󠁿 [HelloHydra](https://profiles.wordpress.org/hellohydra/) ސެޕްޓެމްބަރ 3, 2016 Really didn’t expect a plugin for this kind of thing to work right off the bat. Neat, simple, intuitive & effective. Thanks a lot, dev! ![](https://secure.gravatar.com/avatar/433bf5fded873cd11d4665bb85d8dccc9bdfdbe20aec6c174e48877cb222c377? s=60&d=retro&r=g) ### 󠀁[Where is it?](https://wordpress.org/support/topic/where-is-it-16/)󠁿 [shughey](https://profiles.wordpress.org/shughey/) ސެޕްޓެމްބަރ 3, 2016 1 reply I’ve installed and set the options. Where is it? Is there supposed to be a shortcode? Have I missed something? [ Read all 7 reviews ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/) ## Contributors & Developers “Custom Scrollbar” is open source software. The following people have contributed to this plugin. Contributors * [ miunosoft ](https://profiles.wordpress.org/miunosoft/) * [ Michael Uno ](https://profiles.wordpress.org/michael-uno/) [Translate “Custom Scrollbar” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-scrollbar) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/custom-scrollbar/), check out the [SVN repository](https://plugins.svn.wordpress.org/custom-scrollbar/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-scrollbar/) by [RSS](https://plugins.trac.wordpress.org/log/custom-scrollbar/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.3.8 – 07/09/2021 * Fixed a bug that caused a PHP syntax error in PHP below 7.3. #### 1.3.7 – 07/09/2021 * Fixed dynamic UI elements which did not toggle the visibility. * Fixed JQMIGRATE warnings in the browser console. #### 1.3.6 – 03/01/2021 * Fixed an incompatibility issue with PHP 8.0, which the setting UI did not load. * Fixed an incompatibility issue with WordPress 5.6 which comes with jQuery 3.5. #### 1.3.5 – 11/19/2020 * Added a custom JavaScript event that is triggered right after a scrollbar is initialized. * Fixed some non-sanitized raw HTTP request arrays handled when the setting form is submitted. #### 1.3.4 – 11/06/2020 * Tweaked the style of some UI elements. * Fixed a bug of double slashes on resource URLs. * Fixed a bug that scrollbar options were not passed properly when the target element is not found. * Fixed a bug that the default options were not applied properly. #### 1.3.3 – 08/19/2020 * Fixed an incompatibility issue with WordPress 5.5 regarding radio input buttons. #### 1.3.2 – 01/10/2019 * Added the Japanese translation. * Added the default language template file. #### 1.3.1 – 12/27/2016 * Fixed a bug that debug log was shown in the browser console. #### 1.3.0 – 12/16/2016 * Added the `Scroll Buttons`, `Keyboard`, `Mouse Wheel` options. * Changed the `Ajax Handling` option in the `General` setting section by moving it to each scrollbar option item. * Deprecated the ability of creating multiple scrollbars. #### 1.2.0 – 10/10/2016 * Added the `Ajax Handling` option that determines whether to initialize plugin scripts on Ajax page loads. * Added the ability to export and import settings. * Refined the setting pages. #### 1.1.7 – 07/07/2016 * Tweaked the setting UI to improve the usability. #### 1.1.6 – 01/06/2016 * Added the minified version for the enabler script. * Improved performance of the setting page. #### 1.1.5 – 12/15/2015 * Fixed an issue with jQuery v2.1.4. #### 1.1.4 – 11/27/2015 * Tweaked the setting pages. #### 1.1.3 – 11/05/2015 * Changed the required WordPress version to 3.4. * Fixed a bug that settings were not saved properly when removing a scrollbar definition item. #### 1.1.2 – 10/29/2015 * Tweaked the setting pages. * Fixed a bug that percentages for width and height could not be set. #### 1.1.1 – 10/20/2015 * Tweaked the setting pages. * Updated the [Admin Page Framework](https://wordpress.org/plugins/admin-page-framework/) library. #### 1.1 – 08/29/2015 * Added the ability to set inline CSS rules wit the `Inline CSS` option. * Tweaked the styling of setting forms. * Fixed a bug that the `Width` option did not take effect. #### 1 – 07/05/2015 * Released. ## Meta * Version **1.3.8** * Last updated **5 years ago** * Active installations **2,000+** * WordPress version ** 3.4 or higher ** * Tested up to **5.7.15** * Language * [English (US)](https://wordpress.org/plugins/custom-scrollbar/) * Tags * [scroll](https://dv.wordpress.org/plugins/tags/scroll/)[scroll bar](https://dv.wordpress.org/plugins/tags/scroll-bar/) [scrollbar](https://dv.wordpress.org/plugins/tags/scrollbar/)[scrollbars](https://dv.wordpress.org/plugins/tags/scrollbars/) * [Advanced View](https://dv.wordpress.org/plugins/custom-scrollbar/advanced/) ## Ratings 4.7 out of 5 stars. * [ 6 5-star reviews ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/custom-scrollbar/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-scrollbar/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-scrollbar/reviews/) ## Contributors * [ miunosoft ](https://profiles.wordpress.org/miunosoft/) * [ Michael Uno ](https://profiles.wordpress.org/michael-uno/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/custom-scrollbar/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://en.michaeluno.jp/donate)