mirror of
https://github.com/servo/servo.git
synced 2025-10-17 16:59:27 +01:00
32 lines
885 B
JavaScript
32 lines
885 B
JavaScript
function createScroller(test) {
|
|
var scroller = createDiv(test);
|
|
scroller.innerHTML = "<div class='contents'></div>";
|
|
scroller.classList.add('scroller');
|
|
return scroller;
|
|
}
|
|
|
|
function createScrollTimeline(test) {
|
|
return new ScrollTimeline({
|
|
scrollSource: createScroller(test),
|
|
timeRange: 1000
|
|
});
|
|
}
|
|
|
|
function createScrollTimelineWithOffsets(test, startOffset, endOffset) {
|
|
return new ScrollTimeline({
|
|
scrollSource: createScroller(test),
|
|
orientation: "vertical",
|
|
startScrollOffset: startOffset,
|
|
endScrollOffset: endOffset,
|
|
timeRange: 1000
|
|
});
|
|
}
|
|
|
|
function createScrollLinkedAnimation(test, timeline) {
|
|
if(timeline === undefined)
|
|
timeline = createScrollTimeline(test);
|
|
const DURATION = 1000; // ms
|
|
const KEYFRAMES = { opacity: [1, 0] };
|
|
return new Animation(
|
|
new KeyframeEffect(createDiv(test), KEYFRAMES, DURATION), timeline);
|
|
}
|