https://github.com/ng2-ui/scrollable

Angular2 Automatic Scroll Detection With Animation
https://github.com/ng2-ui/scrollable

Last synced: about 1 month ago
JSON representation

Angular2 Automatic Scroll Detection With Animation

• Host: GitHub
• URL: https://github.com/ng2-ui/scrollable
• Owner: ng2-ui
• Created: 2016-06-30T13:56:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-18T15:24:43.000Z (almost 7 years ago)
• Last Synced: 2024-05-13T02:03:06.979Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.63 MB
• Stars: 17
• Watchers: 5
• Forks: 10
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-angular-components - @ngui/scrollable - Angular2 Automatic Scroll Detection With Animation. (Uncategorized / Uncategorized)
• awesome-angular-components - @ngui/scrollable - Angular2 Automatic Scroll Detection With Animation. (Uncategorized / Uncategorized)

README

        
# scrollable

Angular2 Automatic Scroll Detection With Animation

## IMPORTANT: NOT-MAINTAINED

Accepting volunteers and ready to transfer ownership.



  



Plunker Example: https://plnkr.co/edit/wLVudY?p=preview&open=app.component.ts

## Install

1. install @ngui/scrollable

        $ npm install @ngui/scrollable --save-dev

2. add `map` and `packages` to your `systemjs.config.js`

        map['@ngui/scrollable'] = 'node_modules/@ngui/scrollable/dist/scrollable.umd.js';

3. import NguiScrollableModule to your AppModule

        import { NguiScrollableModule } from '@ngui/scrollable';

        

        @NgModule({

          imports: [BrowserModule, FormsModule, NguiScrollableModule],

          declarations: [AppComponent],

          bootstrap: [ AppComponent ]

        })

        export class AppModule { }

## Usage it in your code

        


          
One

          

Two

          

Three

          

Four

          

Five

          

Six

          

Seven

          

Eight

          

Nine

        



        


          
One

          
Two

          
Three

          
Four

          
Five

          
Six

          
Seven

          
Eight

          
Nine

        


         

For full example, please check out `test` directory to see the example of;

  - `systemjs.config.js`

  - `app.module.ts`

  -  and `app.component.ts`.

## **ng2-ui** welcomes new members and contributors

This module is only improved and maintained by contributors like you.

As a contributor, it's NOT required to be skilled in Javascript nor Angular2. 

You are only to be open-minded and interested in helping others.

As a contributor, you do following;

  * Updating README.md

  * Improving code comments

  * Answering issues and building FAQ

  * Documentation

  * Translation

In result of your active contribution, you will be listed as a core contributor

on https://ng2-ui.github.io, and a member of ng2-ui too.

If you are interested in becoming a contributor and/or a member of ng-ui,

please send me email to `allenhwkim AT gmail.com` with your github id. 

### LICENSE 

MIT