node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

angular2-scroll-glue

angular2-scroll-glue

Angular2 @Component which automatically scrolls to the end of a div on the addition of new elements inside the div.

Demo

Usage

Include the directive in the component

import ScrollGlue from 'angular2-scroll-glue'
 
@Component({
  selector: 'my-app',
  providers: [],
  template: template,
  directives: [ScrollGlue]
})

Add it to any vertically scrollable element in your templete

  <div scroll-glue>
    <ul>
      <li *ngFor="#item of listItems">
        {{ item }}
      </li>
    </ul>
  </div>