jQuery 实现页面滚动动画

前提条件

概要

类型：实践
难度：中等

任务描述

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

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

提示

  • $('html,body').scrollTop(距页面顶部的值) 可以让页面滚动到指定位置。
  • jQuery 方法 offset 可以获取元素距页面顶部的值。
  • jQuery 方法 animate 可以做动画。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery笔记总结篇
    原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,763评论 18赞 503
  • JQ
    通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。 jQuer...
    枇杷树8824阅读 3,882评论 0赞 3
  • JQuery
    //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,068评论 0赞 9
  • 08-jQuery学习与使用
    为甚嚒要学习jQuery？ 因为JS中有很多痛点： window.onload事件只能出现一次，如果出现多次，后面...
    magic_pill阅读 4,253评论 0赞 13
  • 2017.8.15.星期二，天气，晴，45篇
    “蹲下”的奥秘 每一位父母都希望自己的孩子能够出人头地，然而，在我们给予教育前所未有的关注的同时，...
    王斐妈妈阅读 903评论 0赞 2