ScrollingMagic.js is a jQuery plugin that helps you quickly implement an accessible, touch-friendly, one page scrolling effect on single page web apps such as a landing page.
Users can navigate between scrolling blocks with mousewheel, arrow keys, and touch gestures.
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. ScrollMagic is an awesome jQuery animation JS library that allows you to do lots of cool stuff when scrolling down/up your web & mobile page. With ScrollMagic plugin, you can. Start an animation at a specific scroll position. Synchronize an animation to the scrollbar movement. Pin an element at a specific scroll position (sticky elements). Then overwrite the demo magicscroll.js file with the one from your license. Easily change your Magic Scroll design, layout and styling like so: Go to the Magic Scroll settings wizard. Choose the settings you want and click Apply settings. Click Global Settings and then click Copy to clipboard. Paste the code into your Volusion.
How to use it:
1. Add scrolling blocks (content sections) to the page.
2. Hide the browser scrollbar.
3. The example CSS styles for the scrolling blocks.
4. Import both jQuery library and the ScrollingMagic.js into the document. That's it.
5. Override the default delays in milliseconds.
Magic Scroll Js Online
6. By default, the plugin automatically disables touch gestures when the viewport size is smaller than 320px. You can override the breakpoint direcly in the JavaScript as follows:
Magic Scroll Jsp
This awesome jQuery plugin is developed by AndriiMSN. For more Advanced Usages, please check the demo page or visit the official website.
Magic Scroll Js Code
- Prev: Configurable Text Typing Effect - jQuery Typewriter.js
- Next: Scroll To Anchor Plugin For jQuery