How can I prevent the angular material button from scrolling on a sticky bar?

  • Home / Blog / How can I…

How can I prevent the angular material button from scrolling on a sticky bar?

I have a convoluted app with a navigation bar at the top that is sticky (position: sticky; top: 0). Below the navigation bar I have content that includes angular material components such as mat buttons or mat cards. The problem is that if I scroll through the angular material components, the navigation bar (will show up). How can I avoid it?
I have developed StackBlitz which addresses this issue: https://stackblitz.com/edit/angular-fat76n?file=src/app/toolbar-overview-example.html

Write a Comment

Your email address will not be published. Required fields are marked *

x