Skip to content

Commit 716d85a

Browse files
flackrfantasai
authored andcommitted
[scroll-animations-1] Make scroll-timeline and scroll-timeline-name support multiple timelines fixing w3c#7657
1 parent 7194522 commit 716d85a

File tree

1 file changed

+16
-7
lines changed

1 file changed

+16
-7
lines changed

scroll-animations-1/Overview.bs

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -283,41 +283,50 @@ spec: cssom-view-1; type: dfn;
283283

284284
<pre class='propdef'>
285285
Name: scroll-timeline-name
286-
Value: none | <<custom-ident>>
286+
Value: none | <<custom-ident>>#
287287
Initial: none
288288
Applies to: [=scroll containers=]
289289
Inherited: no
290-
Computed value: the specified keyword
290+
Computed value: the keyword ''scroll-timeline-name/none'' or a list of <<custom-ident>>s
291291
Animation type: not animatable
292292
</pre>
293293

294-
Specifies a name for the [=scroll progress timeline=]
294+
Specifies names for the [=scroll progress timelines=]
295295
associated with this [=scroll container=].
296296
The axis for this timeline is given by 'scroll-timeline-axis'.
297297

298+
Note: The number of names listed here
299+
determines the number of [=scroll progress timelines=]
300+
associated with this element.
301+
298302
### Axis of a Scroll Progress Timeline: the 'scroll-timeline-axis' property ### {#scroll-timeline-axis}
299303

300304
<pre class='propdef'>
301305
Name: scroll-timeline-axis
302-
Value: block | inline | vertical | horizontal
306+
Value: [ block | inline | vertical | horizontal ]#
303307
Initial: block
304308
Applies to: [=scroll containers=]
305309
Inherited: no
306-
Computed value: the specified keyword
310+
Computed value: a list of the keywords specified
307311
Animation type: not animatable
308312
</pre>
309313

310-
Specifies an axis for the [=scroll progress timeline=]
314+
Specifies an axis for each [=scroll progress timeline=]
311315
associated with this [=scroll container=].
312316
The name for this timeline is given by 'scroll-timeline-name'.
313317

314318
Values are as defined for ''scroll()''.
315319

320+
If 'scroll-timeline-name' has more names than 'scroll-timeline-axis' has specified axes,
321+
the excess timelines use the last 'scroll-timeline-axis' value.
322+
If 'scroll-timeline-name' has fewer names than 'scroll-timeline-axis' has specified axes,
323+
the used 'scroll-timeline-axis' list is truncated.
324+
316325
### Scroll Timeline Shorthand: the 'scroll-timeline' shorthand ### {#scroll-timeline-shorthand}
317326

318327
<pre class='propdef shorthand'>
319328
Name: scroll-timeline
320-
Value: <<'scroll-timeline-name'>> || <<'scroll-timeline-axis'>>
329+
Value: [ <<'scroll-timeline-name'>> || <<'scroll-timeline-axis'>> ]#
321330
Applies to: [=scroll containers=]
322331
Inherited: no
323332
Animation type: not animatable

0 commit comments

Comments
 (0)