uniprank / ngx-scrollspy Goto Github PK

import { NgxScrollspyModule } from '@uniprank/ngx-scrollspy';

imports: [
// other imports
...
NgxScrollspyModule.forRoot()
]

import { ScrollSpyService, ScrollObjectInterface } from '@uniprank/ngx-scrollspy';

export class HomeComponent implements OnInit, AfterViewInit {
  private _subscription: Subscription;
  
  constructor(private _scrollSpyService: ScrollSpyService) { }
  
  ngAfterViewInit(): void {
    this._scrollSpyService.setOffset('window', 60);
    this._subscription = this._scrollSpyService.observe('window').subscribe((element: ScrollObjectInterface) => {
      if(element != null) {
        if(!this.func.preventScrollDetection) {
          var col = document.getElementById(element.id + '-m');
          if (col != null && this.mobileScroll.nativeElement != null) {
            this.mobileScroll.nativeElement.scrollLeft = (col.offsetLeft - (this.mobileScroll.nativeElement.offsetWidth / 2)) + (col.offsetWidth / 2);
          }
        }
      }
    });
  }
  
  ngOnDestroy() {
    if (this._subscription) {
      this._subscription.unsubscribe();
    }
  }
}