ScrollMagic JavaScript App

ScrollMagic

by ScrollMagic

The javascript library for magical scroll interactions
Helps with: JavaScript
Similar to: Flot App jQuery App jQuery Mobile App jQuery OSK App More...
Source Type: Open
License Types:
Supported OS:
Languages: Java Script

What is it all about?

ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic takes an object oriented approach using a controller for each scroll container and attaching multiple scenes defining what should happen at what part of the page. While this offers a great deal of control, it might be a little confusing, especially if you're just starting out with javascript.

Key Features

It's the perfect library for you, if you want to ... – animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). – pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements). – toggle CSS classes of elements on and off based on scroll position. – effortlessly add parallax effects to your website. – create an infinitely scrolling page (ajax load of additional content). – add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter.


Pricing

Yearly
Monthly
Lifetime
Free
Freemium
Trial With Card
Trial No Card
By Quote

Description

free

Alternatives

View More Alternatives

View Less Alternatives

Top DiscoverSDK Experts

User photo
3355
Ashton Torrence
Web and Windows developer
GUI | Web and 11 more
View Profile
User photo
2340
Meir Rabinovich
Real time and embedded developer
Hardware and RT | General Libraries and 5 more
View Profile
User photo
1540
Nathan Gordon
Full Stack developer
Web | JavaScript and 1 more
View Profile
User photo
1490
Ronan McCarthy
Cross-Platform & Web developer.
Web | Mobile and 6 more
View Profile
Show All

Interested in becoming a DiscoverSDK Expert? Learn more

X

Compare Products

Select up to three two products to compare by clicking on the compare icon () of each product.

{{compareToolModel.Error}}

Now comparing:

{{product.ProductName | createSubstring:25}} X
Compare Now