# Scroller - Beautiful scrollbar for WordPress website

- created: 11/10/2019
- latest update: 11/10/2019
- by: merkulove
- scroller.merkulov.design/

WordPress plugins Documents

### Overview

The Scroller WordPress Plugin is a beautiful scrollbar for any scrollable element or a whole WordPress page. The Scroller is explicitly designed to customize the scrollbar on your WordPress site. This WordPress plugin turns an ordinary annoying browser scrollbar into a lovely stylized scrolling control.

The custom scrollbar is much better than the usual browser-based scrolling because it allows you to customize and improve the look of scrolling sufficiently. You can customize absolutely everything, including colors, gradients, background and more.

Works Great with all Popular WordPress Themes
Custom Gradient for the Scroll Slider
Completely Cross-Browser Support
Fully compatible with Gutenberg Editor
Suitable for all kind of Layouts and Templates
Perfect for Elementor Builder
Assignment interface for any entity
Entirely ideal for WPBakery Page Builder
Minified & optimized native JS without jQuery
Modern User Interface

The Scroller has very flexible settings that do not require knowledge of the code. You can change the colors, border-radius, minimum, and maximum scroll slider sizes or block X/Y scrolling at all.

### Features of the Scroller WordPress Plugin

- Compatible with Elementor, WPBakery, Visual Composer, Divi, and other page builders
- Works well with all WordPress themes
- Customize vertical and horizontal scrollbars
- Works for window(tab) and child containers as well
- Does not control scrolling on mobile
- Contains scroll speed controls
- Gutenberg compliant
- Included pot file for quick translation on any language
- Perfect for RTL direction
- Fast and smooth installing
- Tested and compatible up to WordPress 5++
- Lightweight and Fast
- Native valid JavaScript, without jQuery
- All major browsers supported Chrome, Firefox, Safari, Opera, and Edge
- 100% SEO friendly
- Easy to use and customize
- Modern User Interface
- Built-in interface for binding the plugin to categories, single pages, user roles, devices and more
- Installation Guide
- Detailed Users Manual
- Huge customization capabilities
- Six months Included Support for CodeCanyon buyers

The Scroller WordPress plugin is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers. And this is especially important if your website has much unique content, such as a Blog, Glossary, Portfolio, Corporate Website, eCommerce Project, Creative Agency, Real Estate Listing, Personal CV, a Restaurant, Retail Company, Global Media Agency or Magazine.

Beautiful scrolling tested and compatible with All Major WP Plugins: Yoast SEO, Contact Form 7, W3 Total Cache, NextGen Gallery, Slider Revolution, WooCommerce, and million others. It also works perfectly and improves the user experience with popular Website Page Builders, like Elementor, Visual Composer, Gutenberg, Beaver Builder, Divi, Themify Builder, WP Bakery Page Builder, Layers WP, and many others.

The plugin works perfectly with all significant WordPress frameworks: Genesis, Divi, Themify, Warp 7, Ultimatum, Beans, Unyson, Gantry, and others.

The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Learn more Beautiful scrollbar for WordPress with Scroller plugin

#### Please note

The Scroller may not be compatible with other scroll control plugins. If your WordPress website has a smooth scrolling plugin or another custom scrollbar plugin installed, they may not work together.

### Installing

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

## Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

###### STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

###### STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress

###### STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress

###### STEP 5

Choose archive with Plugin and press Install Now Button

###### STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

## Installation the plugin through FTP or build-in File manager

###### STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

###### STEP 2

Upload archive with plugin to /wp-content/plugins

###### STEP 3

On next step Unzip the archive with the plugin

###### STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

### Settings

The Scroller is a beautiful scrollbar for WordPress website, any element on, or a whole WordPress page. The Scroller is explicitly designed to customize the scrollbar on your WordPress site. This WordPress plugin turns an ordinary annoying browser scrollbar into a lovely stylized scrolling control.

###### NOTES

The Scroller may not be compatible with other scroll control plugins. If your WordPress website has a smooth scrolling plugin or another custom scrollbar plugin installed, they may not work together.

The installation process is typical for WordPress plugins. It is simple and easy. If you need help installing the plugin, read about Installing WordPress plugin.

Click on the Scroller in the WordPress side-menu, to open the plugin settings page:

The Scroller settings

In the plugin settings page, there are several tabs responsible for various groups of plugin settings:

- General
- Assignments
- Custom CSS
- Activation
- Status
- Uninstall

## General Settings

All the basic and important settings of the scrollbar are on the general tab. By default, Scroller works to scroll the entire page. However, the Scroller can work for any child container on the page. In order to activate the scroll for any child container, use the CSS class `scroller`

#### Background color

This setting allows setting the background color of the scrolling bar. The background is not visible in the default state but will see about the click or when hovering on the scrollbar.

#### Scrollbar color

The color of the scroll slider. It has 50% transparency in the default state, but it becomes completely not transparent when hovering or clicking.

#### Scrollbar gradient

Switch to turn on the gradient. The additional field for choosing the second color will be available after turning on this switch.

The Scroller gradient settings

#### Border radius

The border-radius of the scroll bar. You can make the scrollbar completely rectangular with this setting, or select another rounding.

#### Min Scrollbar length

Depending on the size of the content and the size of the container, the scroll slider can have different lengths. This setting controls the minimal possible scrolling slider length.

#### Max Scrollbar length

Depending on the size of the content and the size of the container, the scroll slider can have different lengths. This setting controls the maximum possible scrolling slider length.

#### Scroll speed

Scrolling speed is configured using this setting. The default value is 1. Scrolling will be faster if the value is greater than 1, or less – if the speed is set to less than 1. To completely disable scrolling, set to 0.

#### Wheel propagation

If this option is on, when the scroll reaches the end of the side, the mouse wheel event will be propagated to the parent element.

#### Suppress x-scrollbar

Blocks the display of the horizontal scrollbar.

#### Suppress y-scrollbar

Blocks the display of the vertical scrollbar.

## Save Changes

Do not forget to click Save Changes after changing plugin settings. After clicking this button, the settings will be saved and applied to all pages of the website.

## Hosting

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.