Reduced Position Sticky |

Reduced Position Sticky


Mar 27, 2019

Last night I added a reduced motion media query for the header of the primary content of my website. I am using position: sticky (and position: -webkit-sticky for Safari) to make the content obscure the header, on scroll.

Since such behavior could be considered a form of parallax scrolling, I am cognizant of the fact it may be a triggering issue for some people. Therefore, I want to respect those who have opted to prefer reduced motion.

Adding prefers reduced motion media query

It’s rather [...]

Read article at

Article Taxonomies

Categories: Terms: , , , , , , , Keywords: