请教思路，页面滚动到某一区域时执行JS代码

Question

最先开始是苹果的中文官方网有这个效果，就是页面向下滚动，到某一区域时，那个区域的图片、JS开始执行，例如数字变化、图片动、播放视频。我发现小米也有模仿了这个效果。

参考网站：
http://www.apple.com/cn/iphone-6s/
http://www.mi.com/mi4c/

请教这种效果制作思路。

Answer 1

现成的轮子: https://github.com/thesmart/jquery-scrollspy

Answer 2

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离，根据这个你可以获取到你滚动距离body顶部的距离~