Background attachment oraz keyframes - przeskok background

Question

No hej, słuchajcie zrobiłem demo jednak nie wiem dlaczego po zakończeniu animacji i szybkim przewinięciu w dół tło nie jest całkowicie wczytane, być może lepiej będzie widać to tutaj.

Macie jakieś pomysły jak to naprawić? Oczywiście background-attachment: fixed musi zostać, tak samo wolałbym zostać przy animacji CSS niż zamieniać na JS/jQuery. Może czegoś nie dopatrzyłem?

Answer 1

http://codepen.io/anon/pen/XboaMb

Wystarczyło przenieść background-image oraz background-attachment: fixed do taga "body" w CSS.

Comments

Przez przypadek wyrzuciłem background-size: cover; więc dodaj też do taga "body".

---

W IE nadal nie działa

---

No nadal nie działa to dobrze, w dodatku nie dopisałem tego, że dla body nie mogę dodać background. :P Zobaczę może dzisiaj coś wymyślę, tak czy siak dzięki za zainteresowanie.

---

Powodzenia, daj znać jak coś wykombinujesz.

Answer 2

Nie wiem, czy to rozwiązałeś, ale nie umiem odtworzyć tego problemu. Działa jak trzeba. Najnowsze Fx.

Comments

Bo problem jest w chrome, w lisku dziala prawidlowo.

---

Od biedy, ale nie nazwałbym tego rozwiązaniem, skok jest mniejszy, gdy skrócę czas animacji. W sumie to dałem sobie na razie z tym spokój, raczej nie będzie to aż tak zauważalne. Sprawdziłem jeszcze animacje fade w JS/jQuery i z nimi jest ok, ale i tak pozostanę przy keyframes.