jQuery 實現頁面滾動動畫

前提條件

概要

類型:實踐
難度:中等

任務描述

這個文件(點擊查看下載)的基礎上,做以下功能。

  1. 點擊左側的導航里的章節幾,頁面以動畫的方式滾動到章節幾。
  2. 滾動的動畫效果要用 jQuery 的 API 來實現。

提示

  • $('html,body').scrollTop(距頁面頂部的值) 可以讓頁面滾動到指定位置。
  • jQuery 方法 offset 可以獲取元素距頁面頂部的值。
  • jQuery 方法 animate 可以做動畫。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關注...
    前端進階之旅閱讀 16,679評論 18 503
  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 670評論 0 3
  • //------------------------- 第一章 認識JQuery ----------------...
    米塔塔閱讀 747評論 0 9
  • 為甚嚒要學習jQuery? 因為JS中有很多痛點: window.onload事件只能出現一次,如果出現多次,后面...
    magic_pill閱讀 843評論 0 13
  • “蹲下”的奧秘 每一位父母都希望自己的孩子能夠出人頭地,然而,在我們給予教育前所未有的關注的同時,...
    王斐媽媽閱讀 109評論 0 2