jQuery 实现页面滚动动画

前提条件

• 选择元素
• 获取和设置元素信息

概要

类型：实践
难度：中等

任务描述

在这个文件(点击查看下载)的基础上，做以下功能。

1. 点击左侧的导航里的章节几，页面以动画的方式滚动到章节几。
2. 滚动的动画效果要用 jQuery 的 API 来实现。

提示

• $('html,body').scrollTop(距页面顶部的值) 可以让页面滚动到指定位置。
• jQuery 方法 offset 可以获取元素距页面顶部的值。
• jQuery 方法 animate 可以做动画。