How to handle window scroll in angular material?

Question

@HostListener("window:scroll", []) is working fine with angular but when we are using with material it not works because <mat-drawer-container fullscreen> tag it will virtually take browser height and scroll within it. i mean actual windows is not scrolling. so hares the problem comes. then my question is how to fire event when <mat-drawer-content></mat-drawer-content> scroll instead of window scroll

Nosheep · Accepted Answer · 2019-07-24 06:31:18Z

3

mat-drawer-content has the method elementScrolled(), which returns an Observable of type Event. Check the API ref https://material.angular.io/components/sidenav/api

answered Jul 24, 2019 at 6:31

Nosheep

5031 gold badge4 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

shiv pandey Over a year ago

Thanks :) and we also do from cdk ways :)

shiv pandey Over a year ago

stackoverflow.com/questions/48454369/shrinkable-mat-toolbar

Collectives™ on Stack Overflow

How to handle window scroll in angular material?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related