[csswg-drafts] [css-position-3] Please clarify how users can unstick position: sticky elements (#9510)

MarjaE2 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-position-3] Please clarify how users can unstick position: sticky elements ==
https://www.w3.org/TR/css-position-3/#sticky-position

position:sticky has become a staple of web design.

It can trigger migraines and motion sickness because, among other reasons,

1. Some sites animate headers as users scroll,
2. If users set our own fonts and font sizes, some sites can judder as users scroll past the threshold.
3. 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.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9510 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 23 October 2023 05:23:18 UTC