Autor Zpráva
ondrej256
Profil *
Zdravím,

potřeboval bych vytvořit v js/jquery událost, která by se spustila až při narolování na element.

Příklad: Mám dlouhou stránku a někde uplně dole nějaký obrázek s animací. Chci aby se animace spustila, až když sroluju uplně dolů na stránku.

Nemůžu nikde dohledat jak na to. Možná používám špatná klíčová slova.

Můžete mně někdo nakopnout?

Předem děkuju

Moderátor juriad: Přesunuto do správné kategorie.
Keeehi
Profil
Takovou událost neznám. Ale jde nastavit scrolling na celý dokument, takže při jakémkoliv posunu se zavolá funkce. V té jde zjistit, na jaké pozici ve stránce jste, jak velká je viditelná plocha a na jaké pozici je daný element. Z toho se dá dopočítat, zda se nachází ve viditelné oblasti a podle toho spustit animaci.
juriad
Profil
Pomůže ti Lazy loading obrázků?
Joker
Profil
ondrej256:
Základ asi bude v použití funkce getBoundingClientRect a z toho se pak spočítá, jestli prvek je na obrazovce, nebo mimo.
Vlastně to dělá ta funkce inViewport ve výše odkázaném kódu.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: