h5页面滑动效果 – CSS – 前端 css滑出导航条

用到的属性

主要用到jquery中的animate函数。

滑动监听（touch事件）。

对css中overflow属性的控制。

实现步骤

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

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

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