Dear Jamie,
Scroll Offset % is the amount of height the element needs to be in the screen, after which it is animated.
Let's say you have an image of height 100px.
- Setting Scroll Offset (in percentage): to 0 would animate the image as soon as it enters the screen
- Setting Scroll Offset (in percentage): to 100 would animate the image after it is fully visible on the screen (100px)
Now, in your case, you can set the offset scroll to, lets say 500 to make the element appear when its 5 times its height into the screen
(in image's example above, 500px into the screen)
Please take a look at these screenshots to get a more clear understanding:
Here's a working example I have created by setting scroll offset to 500:
http://animateitdemo.wpdevcloud.com/?p=1
Please let me know if you have any more queries.
Lastly, please don't forget to rate us:
https://wordpress.org/plugins/animate-it/