Scrollbar 8.x/9.x configuration page
Scrollbar 7.x configuration page

Overview

Scrollbar is a very simple Drupal module to implement the jScrollPane javascript functionality to your Drupal and make the css selectors get a custom jQuery scrollbar.

Requirements

7.x only: Libraries

Installation

Install with Composer:
$ composer require 'drupal/scrollbar:^1.1'

  1. Download and install the module.
  2. Download all the required and complementary files from the github repo at github so they appear under the libraries/jscrollpane folder.
  3. For 8.x version there is a drush command for this: drush scrollbar-plugin.

Theme settings

On your theme css add one or more styles for the element you want to get the custom jQuery scrollbar.

For example, if you want to apply the .jScrollPane() function to the .field--name-body element just add this piece on your theme CSS

.field--name-body {
  height: 200px;
  overflow: auto;
}

For more examples of using this library please refer to the official manual at http://jscrollpane.kelvinluck.com/index.html#examples,

Configuration

Go to admin/config/user-interface/scrollbar and configure as you want.

For more information on how to use the jScrollPane() parameters please refer to the jScrollPane settings page.

Similar projects

Credits

Unlimited thanks to Kelvin Luck for this excellent jQuery plugin.

Supporting organizations: 

Project information

Releases