Skip to content

Simple vanillaJS library to create animation based on page scroll

Notifications You must be signed in to change notification settings

davidessayan/scroll-animate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

scroll-animate

Simple VanillaJS library to create a animation with the scroll as the time-controller

Usage

<!-- Importing the library-->
<script src="scrollAnimate.min.js">

<script>
  scrollAnimate({
        frames: {
            path: '/frames/',
            prefix: 'frame_',
            extension: 'jpg',
            amount: 40,
            pad:'00' // Optional
        },
        parent: '#animation',
        scroll: {
            start: 0,
            length: 500
        }
    });
</script>

Examples

You have one simple and ugly example in the examples folder

WIP

This library is functional but I'm still working on it so it is not safe to use in production (even I dont think anyone will ever).

Feel free to try and contribute

About

Simple vanillaJS library to create animation based on page scroll

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%