8000 [css-position-3] Please clarify how users can unstick position: sticky elements · Issue #9510 · w3c/csswg-drafts · GitHub 8000
[go: up one dir, main page]

Skip to content

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

@MarjaE2

Description

@MarjaE2

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0