Does anyone know how to animate graphic only when it gets to specific scroll point of the web page?

example here:
http://www.cupsannual.ca/

the example shows that some of the graphic wont start playing until you scroll and only when visible to the scroll level(not sure about the right term for that)

thank you in advance!