Application of jquery scroll bar plugin Nanoscroller

The default scroll bar style, the compatibility of each version is not very good, recommend a jquery plugin Nanoscroller, you can customize the style of the scroll bar.

Application:

1. Introducing Style Nanoscroller.css

<link rel= "stylesheet" href="Nanoscroller.css">

Customize the style of the scroll bar in the page

The custom style is as follows:

2. Two JS files, one jquery library, one jquery.nanoscroller.js

<script src= "Jquery-3.2.1.min.js" ></script>
<script src= "Nanoscroller.js" ></script>

The scrolling JS code must be started by default on the page:

The control internally queries under a node by default: as shown in

3:html must have a large div class named Nano wrapped with a small class named Nano-content's Div

<id="aboutclass=" Nano"> <class=" nano-content "> ... the content here ... (Content part of scroll bar) </div></div>

Application of jquery scroll bar plugin Nanoscroller