gs-logo
GS Scroll Animate
Simple and intuitive
  • No jQuery
    This paralax effect isn't dependent on any JavaScript framework
  • Easy to customize
    Just push elements to the animation object, following a simple pattern
  • CSS3 compatible
    You can animate any CSS3 NUMERIC property. Easy but powerful
Available features
  • Easily configurable
    You can easily declare your animations using simple and intuitive JavaScript objects.
  • Multiple events on same element
    You can add multiple events on the same elements, no matter where in the timeline position
  • Disable rerverse animation
    You can disable the two way animation (when the user scrolls back up, all the elements will keep their position and not go back to their previous state)
  • Animate any object
    You can animate any object property, as long as you trigger a numeric value. Properties like position, float etc. should not be used.
  • Supports older browsers
    Older browsers (like IE8) are supported within their limits (eg. for IE8 all CSS2 variables will be supported while CSS3 properties will be omitted)
  • Fallback for mobile
    On mobile devices the content won't be affected. Actually, you can set the device resolution for which the animations should be enabled.
  • Wait for page load
    You have the option to add a loader until all you page contets are loaded (in case you have big images which will take a while to load)
Stay updated
Get notified of any update! Subscribe to our newsletter to be notified about new versions release.
gs-logo
GS Scroll Animate