Re: [csswg-drafts] [scroll-animations-1] View progress contain of a sticky positioned elements on the edges (#8298)

This is a good case to dig into. scrollTop = 500 is the lowest scroll progress at which the subject's start border edge coincides with the start edge of its view progress visibility range, so per my definition above it is when it "starts exiting".

However, this is a good argument that perhaps `exit` and `entry` should aim to minimize their range which would do what you expect. This would mean that for `cover` and `contain`, the range would be as I suggested above, the lowest and highest scroll progress respectively for 0% and 100% in which the corresponding edges coincided. However, for `entry`, we would use the lowest scroll progress for both 0% and 100% of the range and for `exit` the highest for both. This is nice because it keeps the alignment of `entry` / `exit` with the cover and contain ranges as defined in https://www.w3.org/TR/scroll-animations-1/#view-timelines-ranges

-- 
GitHub Notification of comment by flackr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8298#issuecomment-1497464177 using your GitHub account


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

Received on Wednesday, 5 April 2023 13:12:11 UTC