ScrollReveal i rozszerzanie się strony

pytanie zadane 17 kwietnia 2017 w JavaScript przez czujek22 Dyskutant (7,670 p.)

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.

komentarz 17 kwietnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

https://github.com/jlmakes/scrollreveal#11-installation

The simplest method is to copy paste this snippet just before your closing </body> tag.

Czy umieściłeś skrypt tej biblioteki w prawidłowym miejscu strony?

komentarz 17 kwietnia 2017 przez czujek22 Dyskutant (7,670 p.)

Podpiąłem skrypt przed zamykającym tagiem body

komentarz 17 kwietnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

Czy w konsoli jest jakiś błąd?

komentarz 17 kwietnia 2017 przez czujek22 Dyskutant (7,670 p.)

Tak. Uncaught DOMexception: failed to execute scrollreveal.min.js:1 'querySelectorAll'' on 'Element': The provided selector is empty. a n (https://unpkg.com/scrol......)...

komentarz 17 kwietnia 2017 przez ScriptyChris Mędrzec (190,190 p.)

Któryś z elementów: .i1, .i2, .i3 nie jest załadowany na stronie, gdy biblioteka chce się do niego dobrać.

komentarz 18 kwietnia 2017 przez czujek22 Dyskutant (7,670 p.)

Wciąż jest białe pole po prawej stronie. Nawet bez błędów w konsoli. Dopiero jak zjade w dół strony i wczyta animacje z scrollreveal to strona powraca do dobrej szerokosci.