El siguiente elemento recibe la class "scroll-enter" cuando entra al viewport, y nunca se va:
<div data-scroll-enter>
El siguiente elemento recibe la class "scroll-enter" cuando el elemento ".foto" entra al viewport, y nunca se va:
<div data-scroll-enter=".foto">
El siguiente elemento recibe la class "scroll-visible" solo mientras esta en el viewport:
<div data-scroll-visible>
El siguiente elemento recibe la class "scroll-visible" solo mientras el elemento ".foto" esta en el viewport:
<div data-scroll-visible=".foto">
El siguiente elemento recibe recibe la class "scroll-after" cuando el scroll pasa los 1000 px:
<div data-scroll-after="1000">
El siguiente elemento recibe recibe la class "scroll-after" cuando el scroll pasa el elemento ".foto":
<div data-scroll-after=".foto">