electerious / basicScroll

Standalone parallax scrolling for mobile and desktop with CSS variables.

Home Page:https://basicscroll.electerious.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Any documentation?

chrisvidal opened this issue · comments

commented

Is there any documentation to understand the meaning of please :

from: 'top-middle',
to: 'bottom-middle',

and other options?

Yes, you can find it in the documentation.

commented

yes I saw that, but it does not explain the behavior of each of them.

<element>-<viewport>. middle-bottom in from specifies that the animation starts when the middle of the element reaches the bottom of the viewport.

It's the same for the other values. Here're a few examples:

bottom-bottom in from specifies that the animation starts when the bottom of the element reaches the bottom of the viewport.
middle-top in from specifies that the animation starts when the middle of the element reaches the top of the viewport.

Hope that helps! :)

commented

got it, thanks a bunch!