How to get on scroll events?
// @HostListener('scroll', ['$event']) // for scroll events of the current element@HostListener('window:scroll', ['$event']) // for window scroll eventsonScroll(event) { ...}
or
<div (scroll)="onScroll($event)"></div>
for angular 4, the working solution was to do inside the component
@HostListener('window:scroll', ['$event']) onScrollEvent($event){ console.log($event); console.log("scrolling");}
You could use a @HostListener decorator. Works with Angular 4 and up.
import { HostListener } from '@angular/core';@HostListener("window:scroll", []) onWindowScroll() { // do some stuff here when the window is scrolled const verticalOffset = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;}