Media queries

In today's responsive landscape who can do without media queries? Exactly, not you! Angular Sticky has a few tricks that could prove useful when you're building a responsive application.

Adding a media-query attribute will allow you to supply a media query. It will cause the sticky element to be only sticky if the media query matches the current viewport dimensions.

Learn more about media queries.

I'm sticky when the viewport has a bigger width than 1501 pixels
I'm sticky when the viewport width is between 1001 and 1500 pixels
I'm sticky when the viewport width is between 501 and 1000 pixels
I'm sticky when the viewport has a smaller width than 500 pixels
I'm sticky when the viewport is lower than 500 pixels
I'm sticky when the viewport is higher than 501 pixels