美文网首页
jQuery 实现页面滚动动画

jQuery 实现页面滚动动画

作者: 知行社 | 来源:发表于2017-09-06 17:15 被阅读0次

前提条件

概要

类型:实践
难度:中等

任务描述

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

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

提示

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

相关文章

网友评论

      本文标题:jQuery 实现页面滚动动画

      本文链接:https://www.haomeiwen.com/subject/besvjxtx.html