Witam. Do animacji pojawiania się elementów używam takiego kodu:
var fooReveal1 = {
delay : 200,
distance : '90px',
easing : 'ease-in-out',
rotate : { z: 10 },
scale : 0.2
};
window.sr = ScrollReveal();
sr.reveal('.i1', fooReveal1);
sr.reveal('.i2', fooReveal1);
sr.reveal('.i3', fooReveal1);
Przy scrollowaniu animacja fajnie działa, jednak zanim ta animacja zadziała (po wejsciu od nowa na strone) strona jest szeroka, a przy srollowaniu w bok jest biale tlo. Dopiero jak animacja zadziala to szerokosc strony sie normuje do 100% szerokosci monitora.