jQ 滚动到指定区域执行动画

Question

使用JQ库，动画库

1：当元素进入可视区域内，区域内动画依次执行（A执行完，B再执行。。。）
2：离开区域后，再次回到刚刚那个区域，动画再次执行一遍

请问怎么解决啊?

Answer 1

获取元素宽高和位置、获取窗口高度
滚动时，获取滚动高度、进一步计算元素在窗口中的位置，判断是否在窗口内...
执行动画

Answer 2

可以用 getBoundingClientRect() 来判断元素是否进入和离开可视区。
这个方法返回的是元素位于视口的坐标，如果返回的属性只要有一个为正数，那么说明这个元素出现在视口中，可以开始动画了。
所有属性为负值，那么这个元素不在视口中，还原动画。