/Javascript/AngularJS/Scoll a div to bottom in angular

Scoll a div to bottom in angular

import {..., AfterViewChecked, ElementRef, ViewChild, OnInit} from 'angular2/core'
@Component({
    ...
})
export class ChannelComponent implements OnInit, AfterViewChecked {
    @ViewChild('scrollMe') private myScrollContainer: ElementRef;

    ngOnInit() { 
        this.scrollToBottom();
    }

    ngAfterViewChecked() {        
        this.scrollToBottom();        
    } 

    scrollToBottom(): void {
        try {
            this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
        } catch(err) { }                 
    }
}

Source: stackoverflow.com

Similar codes

0 vote114 views1 answer
Host angular app on node server
Javascript AngularJS
0 vote114 views1 answer
Benchmark ram usage angular
Javascript AngularJS
7 votes103 views4 answers
Build angular project
Javascript AngularJS
0 vote105 views1 answer
Angular pipe paramerte
Javascript AngularJS
7 votes134 views4 answers
Angular firebase
Javascript AngularJS
0 vote116 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
0 vote121 views1 answer
Angular date input value
Javascript AngularJS
35 votes232 views4 answers
Angular go to route
Javascript AngularJS
0 vote110 views1 answer
Animate change of class angular
Javascript AngularJS
0 vote109 views1 answer
Timeout httppost angular
Javascript AngularJS