I've been playing around with the jQuery plugin Scrollorama
to add some scrolling animations to my site. In the plugin documentation, unless specified otherwise, most of the animations are triggered once a user is scrolling and the animated item first appears at the bottom of a user's browser (the animation then continues the more you scroll).
However, no matter what I do, all of my animations seem to occur only once the item reaches the top of my browser (which kind of defeats the purpose as you only partially see the animation).
I've set up a quick demo to show what I mean—you can check it out here
(the title of Section 2 should begin to move up into its original position as soon as you see it as you are scrolling but it's only doing so once it reaches the top of your screen).
I have no idea why it would be doing this. I know a quick fix would be to add a negative delay but I know by default, it should not be doing what it's doing so I would rather get a better understanding of what I've done wrong. I'm sure there's a simple explanation for it but I've been wracking my brain over it and could use some help. Thanks in advance!