jQuery animieren auf Bildlauf

Question

Ich benutze das jQuery Animation Scroll-Plugin (https://github.com/mpalpha/animate-scroll), um Elemente zu animieren, wenn sie fokussiert sind.

So verwende ich die Animate-Funktion inline in meinem HTML.

<article class="article1" data-animate-scroll='{"x": "0","y": "100", "alpha": "0", "duration": "0.7"}'></article> 

Dies ist, wie ich das Skript bin Aufruf:

$(document).animateScroll();  

Die Animation scheint zu funktionieren. Aber es gibt einige Probleme mit der Animation.

Zum Beispiel, wenn die Behandlung für jüngere Kinder-Box gescrollt ist, ist es leer. dann nach jugendlicher Behandlung auf Scroll ist es auch leer. Außerdem sollte es nur einmal beim ersten Scrollen animiert werden.

Wie kann ich das beheben?

Answer 1

Diese Bibliothek: https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js

Set-Effekt mit einer Undurchsichtigkeit: 0 über Element, wenn blättern.