The definition of a scroll-linked effect is an effect implemented on a
webpage where something changes based on the scroll position, for
example updating a positioning property with the aim of producing a
parallax scrolling effect. This article discusses scroll-linked effects,
their effect on performance, related tools, and possible mitigation
Going forward, we would like to support more effects in the compositor.
In order to do so, we need you (yes, you!) to tell us more about the
kinds of scroll-linked effects you are trying to implement, so that we
can find good ways to support them in the compositor. Currently there
are a few proposals for APIs that would allow such effects, and they all
have their advantages and disadvantages. The proposals currently under
Web Animations: A new API
to map scroll position to time and use that as a timeline for the
chunks, provided it doesn’t cause the framerate to drop.
Introduces a new API for content to dictate how a scroll delta is
applied and consumed. As of this writing, Mozilla does not plan to
support this proposal, but it is included for completeness.
Call to action
If you have thoughts or opinions on:
Any of the above proposals in the context of scroll-linked effects.
Scroll-linked effects you are trying to implement.
Any other related issues or ideas.
Please get in touch with us! You can join the discussion on the