ns

ng2-scrollster

Miminal, customizable scrollbar plugin for Angular2 apps

Showing:

Popularity

Downloads/wk

1

GitHub Stars

3

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

5

Size (min+gzip)

39.5KB

License

ISC

Type Definitions

Tree-Shakeable

No?

Categories

Angular Scroll

Readme

ng2Scrollster

A lightweight, customizable scroll-bar component built for use with Angular2 projects.

Installation

Installation with NPM

npm install ng2-scrollster

SystemJS configuration:

  var maps = {
    ...
    'ng2-scrollster' : 'node_modules/ng2-scrollster'
  };
  
  var packages = {
    ...
    'ng2-scrollster' : { main: 'index.js', defaultExtension: 'js' }
  };

Usage

To make your content scrollable, supply the NgScrollster component into your view as such:

import {Ng2Scrollster} from 'ng2-scrollster'

@Component({
  ...
  templateUrl: 'your.template.html',
  directives: [Ng2Scrollster]
})

And, just add ng-scrollster as an attribute to the container element.

<div ng-scrollster class="content">
    <!-- Your Content -->
</div>

Yep! simple as that.

Scrollbar Customization

If you want to get your hands dirty with the bars' CSS, use the barOptions property to bind an object with any valid CSS properties to the scrollbar component.

<div ng-scrollster [barOptions]="{ backgroundColor: 'lightcoral' }">
    <!-- Your Content -->
</div>

License

MIT

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100