Perfect scrollbar https://noraesae.github.io/perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin.

Perfect scrollbar container must have position: relative css style and defined height.

Basic

Scroll X

Scroll Y

See the usage documentation at https://noraesae.github.io/perfect-scrollbar

Usage


require(['jquery', 'px/extensions/perfect-scrollbar.jquery'], function($) {
  ...
});
See the documentation at https://github.com/itsdrewmiller/angular-perfect-scrollbar

Usage

To use perfect-scrollbar plugin, you need to include the next scripts:


<script src="path/to/js/libs/perfect-scrollbar.jquery.js"></script>
<script src="path/to/js/pixeladmin/extensions/perfect-scrollbar.jquery.js"></script>
<script src="path/to/js/libs/angular-perfect-scrollbar.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['perfect_scrollbar']);

Alternatively, you can include perfect-scrollbar plugin using ocLazyLoad plugin:


$ocLazyLoad.load([
  {
    serie: true,
    name: 'perfect_scrollbar',
    files: [
      'path/to/js/libs/perfect-scrollbar.jquery.js',
      'path/to/js/pixeladmin/extensions/perfect-scrollbar.jquery.js',
      'path/to/js/libs/angular-perfect-scrollbar.js'
    ],
  },
]);

Example


<perfect-scrollbar style="height: 300px; position: relative;">
  ...
</perfect-scrollbar>