You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
position:sticky has become a staple of web design.
It can trigger migraines and motion sickness because, among other reasons,
Some sites animate headers as users scroll,
If users set our own fonts and font sizes, some sites can judder as users scroll past the threshold.
Some sites use position: sticky to keep sidebars in view while the rest of the page scrolls.
Animation, including judder, non-scrolling sidebars, seperately-scrolling columns, parallax, etc., etc. can all cause motion sickness and migraines.
The current article describes how web developers can write css to make certain elements sticky, but not how users can write css to make them un-sticky, whether to have them scroll with the rest of the page or, sometimes, for headers, to make them stay put without animation and judder.