Git Product home page Git Product logo

scrollbar-drupal8's Introduction

 *Scrollbar Module*

About:
------

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.

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck 
(http://jscrollpane.kelvinluck.com) which converts a browser's default 
scrollbars (on elements with a relevant overflow property) into an HTML 
structure which can be easily skinned with CSS.

Installation:
-------------

A) Download the module and extract it to the modules directory.
B) Go to the jScrollPane download page at 
http://jscrollpane.kelvinluck.com/index.html#download

UPDATE: You can download all the required and complementary files from my 
github repo at https://github.com/tplcom/jscrollpane/archive/master.zip 
and upload them into libraries/jscrollpane folder (see below). 

libraries should be at the root level of your Drupal installation.

[Required files]

1. Download jquery.jscrollpane.min.js and place it into 
libraries/jscrollpane folder.
2. Download jquery.jscrollpane.css and place it into 
libraries/jscrollpane folder.

[Optional files]

3. Download jquery.mousewheel.js and place it into 
libraries/jscrollpane folder.
4. Download mwheelIntent.js and place it into 
libraries/jscrollpane folder.

C) 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 CSS:

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

For more examples please refer to 
http://jscrollpane.kelvinluck.com/index.html#examples

Configuration:
--------------

A) 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 jScrollPage settings page (http://jscrollpane.kelvinluck.com/settings.html).

Credits:
--------

Many thanks to Kelvin Luck (http://kelvinluck.com) for this excellent 
jquery plugin.

Ported to Drupal 8 by Dan Feidt ( https://drupal.org/u/hongpong )

scrollbar-drupal8's People

Contributors

hongpong avatar theodorosploumis avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.