Magic Scroll Js
ScrollMagic plugin for Vue.js Dark souls 3 mac download.
Install
- Lesson Code: to program a header that magically changes as the user scrolls.
- Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for: update: Updates the controller params and calls updateScene on every scene, that is attached to the controller. UpdateScene: Update one ore more scene(s) according to the scroll position of the container.
NPM
Usage
Magic Scroll Jse
mount with global
mount with nuxt.js/ssr
ScrollMagic is Wordpress version of ScrollMagic.io jquery. Scroll Magic helps you to easily react to the user’s current scroll position. It’s the perfect plugin 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).
Once installed, the plugin add $scrollmagic to Vue.prototype and create global controller, to make him easily accessibles in every components.
Documentation
See ScrollMagic API and Example
Configure controller
NOTE: Container is always a window.
Set custom scollTo handle
Magic Scroll Json
Set custom scrollTo handle with GSAP animation
Methods
| Name | Description |
|---|---|
| attachTo | Create scrollmagic controller to custom element. After creating the controller, you have access to your own Scrollmagic.Controller methods. |
| scene | A Scene defines where the controller should react and how. |
| addScene | Add one ore more scene(s) to the controller. |
| destroy | Destroy the controller, all scenes and everything. |
| removeScene | Remove one ore more scene(s) from the controller. |
| scrollTo | Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for |
| update | Updates the controller params and calls updateScene on every scene, that is attached to the controller. |
| updateScene | Update one ore more scene(s) according to the scroll position of the container. |
| enabled | Get or Set the current enabled state of the controller. |
| loglevel | Get or Set the current loglevel option value. |
| scrollPos | Get the current scrollPosition or Set a new method to calculate it. When used as a setter this method prodes a |
| info | Get all infos or one in particular |
NOTE: In package adds plugins 'gsap.animation' and 'debug.addIndicators'