javascript - Cross-dissolve transition for scrolled elements -

I am creating a long single page website and using events v1.3.0 to turn events on and stick some elements sticky For making. I want to make other diverse transition effects as a scroll below the page.

That replicates horizontal scrolling of my site.

  scrollControl = new scrollmagic ({vertical: wrong,}); Var myScrollScene = New ScrollScene ({triggerHook: 0, offset: 0, trigger element: '# shot-0-1', duration: '100vw', pushfolder: true}) .setPin ('# shot-0-1') . AddTo (scrollControl); For example, I want to cross-breach the transition between feed-to-black, flare-to-white, and pages.  
 I understand some basic principles of HTML5 infections, how to dissolve one image in another, but I am not able to know a clever way to use Scroll Magic scrolling.  
 Things I've considered: Slide under the existing page using the next page scroll Magic triggers and then 1.0 to 0 ambiguity infections?  
 But how to do it in a non-hamy and compatible manner with ScrollMagic's structure?   
 
 
 It has been said in the Issues section of Scroll Magic and answered:  < P> Here is a duplicate:  
 
 A common misconception is that you need to do everything with ScrollMagic Pin functionality if the content is not growing anyway within the scroll flow (this situation And it is taken out or taken to the side or place), then you can call it "ok" It can be achieved from the beginning, it saves a lot of work and confusion.  
 The only reason to use ScrollMagic's pinning functionality is when an element sometimes scrolls naturally with the DOM and sometimes it should not.  
 If you have elements that are in place and should be replaced by others, then they have been set for the whole time. Like this:  
 If this is really the case, then you should use the scrolling method of Scroll Magic, then do the animation inside the cover, so you can pin it. Like this: