Skip to content

zouhir/scroll-timeline

 
 

Repository files navigation

scroll-timeline polyfill.

A polyfill of ScrollTimeline as defined by the spec.

View a cool demo showing its usage!

Usage

To play with ScrollTimeline, simply import the module into your site and you can start creating animations.

import 'https://flackr.github.io/scroll-timeline/scroll-timeline.js';

document.getElementById('parallax').animate(
    { transform: ['translateY(0)', 'translateY(100px)']},
    { duration: 10000, // Totally arbitrary!
      fill: 'both',
      timeline: new ScrollTimeline({
          endScrollOffset: '200px'})
    });

About

A polyfill of ScrollTimeline.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.2%
  • HTML 4.8%