- From: Roland Soos via GitHub <noreply@w3.org>
- Date: Mon, 18 Aug 2025 09:47:13 +0000
- To: public-css-archive@w3.org
nextend has just created a new issue for https://github.com/w3c/csswg-drafts:
== [scroll-animations] `ViewTimeline` -> allow to specify scroller (`source`) ==
Currently `ViewTimeline` always use the `subjects`'s nearest ancestor scrollable element (scroller). If you have `overflow:hidden/scroll` around the `subject`, you won't be able to track the progress related to the document's viewport. (overflow clip is a workaround for overflow hidden)
```
<div style='height: 100vh'></div>
<div style='height: 300px; overflow:hidden;'>
<div style='height: 100px; background:green;' class="subject"></div>
</div>
<div style='height: 100vh'></div>
```
If we could specify source from the `ScrollTimeline`'s options, the this could be used instead of the nearest ancestor scrollable element.
```
new ViewTimeline({
source: document.documentElement,
subject: this.___element,
axis: "y",
inset: inset
})
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12615 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 18 August 2025 09:47:14 UTC