Skip to content

Simple vanillaJS library to create animation based on page scroll

Notifications You must be signed in to change notification settings

MrMarble/scroll-animate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published