Skip to content

lpillonel/angular-perfect-scrollbar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#cc-angular-perfect-scrollbar

This fork will fix the broken dependency on perfect-scrollbar and is compatible with perfect-scrollbar v-6.0.0 and up

Installation

Install via Bower:

$ bower install cc-angular-perfect-scrollbar --save
```

Include the angular-perfect-scrollbar files in your index.html:

<script src="bower_components/cc-perfect-scrollbar/min/perfect-scrollbar.min.js"></script> <script src="bower_components/cc-perfect-scrollbar/min/perfect-scrollbar.with-mousewheel.min.js"></script> <script src="bower_components/cc-angular-perfect-scrollbar/src/angular-perfect-scrollbar.js"></script> ```

Include some css for your scrollable content:

.scroller {
    white-space: pre-line;
    height: 500px;
    overflow-y: hidden;
    position: relative;
}

Add it as module to your app.js:

['perfect_scrollbar']

Use it wherever you want:

<perfect-scrollbar class="scroller"  wheel-propagation="true" wheel-speed="2" min-scrollbar-length="20">
  // your content
</perfect-scrollbar>

Further installation and usage hints can be found here:

https://github.com/noraesae/perfect-scrollbar

About

This is a small directive to allow the use of perfect-scrollbar (https://github.com/noraesae/perfect-scrollbar) in angular

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%