Reduced Position Sticky | scottohara.me

Reduced Position Sticky

Published:

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 scottohara.me

Article Taxonomies

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