描述
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.
自定义颜色
Pick custom colors for the scrollbar elements.
自定义 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
- 英文
- Japanese
屏幕截图
Front-end 
Setting Page
安装
- Upload
custom-scrollbar.phpand other files compressed in the zip folder to the/wp-content/plugins/directory. - 通过WordPress的“插件”菜单激活插件。
- Go to Dashboard -> Appearance -> Scrollbars.
- Configure the options by setting a selector and height.
评价
2017 年 8 月 20 日
Plugin's UI allows access to all customisation features. Each option is extremely well-documented. Settings are nicely organised.
2017 年 1 月 16 日
1 回复
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.
2016 年 11 月 29 日
Please add an option to control scroll speed.
2016 年 9 月 3 日
Awesome Plugin thanks for making this available for free.
2016 年 9 月 3 日
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!
2016 年 9 月 3 日
1 回复
I've installed and set the options. Where is it? Is there supposed to be a shortcode? Have I missed something?
贡献者及开发者
更新日志
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 Wheeloptions. - Changed the
Ajax Handlingoption in theGeneralsetting 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 Handlingoption 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 library.
1.1 – 08/29/2015
- Added the ability to set inline CSS rules wit the
Inline CSSoption. - Tweaked the styling of setting forms.
- Fixed a bug that the
Widthoption did not take effect.
1 – 07/05/2015
- Released.