用到的属性

主要用到jquery中的animate函数。

滑动监听(touch事件)。

对css中overflow属性的控制。

实现步骤

以四个页面为例,将这四个页面的高度都设置为100%,每一块都能充满当前屏幕。

通过clientHeight获得每个页面的实际高度。

通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop,可能会遇到函数无效的情况,这个时候首先要检查绑定的dom对象有没有设置高度,并且有没有设置overflow属性,可以设置为scroll或者auto等。