JavaScript >> Javascript 文檔 >  >> jQuery

使用 jQuery 平滑滾動到 ID

這是我需要平滑滾動到 ID 時經常使用的 jQuery 代碼的快速片段。只需更改 500 以您希望頁面滾動的任何速度(以毫秒為單位)。

查看演示

$('a[href*="#"]').on('click', function (e) {
  e.preventDefault()

  $('html, body').animate(
    {
      scrollTop: $($(this).attr('href')).offset().top,
    },
    500,
    'linear'
  )
})

Tutorial JavaScript 教程
  1. 使用 node.js 輕鬆創建 RESTful API |第2部分

  2. 單擊 AdminLTE 3.0 中的子菜單時如何折疊導航樹視圖?

  3. 3.5 年的前端工程師 - 我學到的東西和下一步是什麼?

  4. 你應該學習 JavaScript 的 3 個主要原因

  5. 什麼是 {x:1} 以及為什麼它返回 1 🤷‍♂️

  6. 帶有 MongoDB 和 Koa 的 GraphQL 服務器

  7. 沒有依賴模板:ConstDependency

  1. Chartist.js,響應式圖表的開源庫

  2. Sergey 微型靜態站點生成器 - 我如何以及為什麼將它添加到我的簡單登錄頁面。

  3. 為運行良好的前端構建代碼

  4. 使用 Nuxt.js 創建博客

  5. React Js Google 柱形圖集成教程示例

  6. 使用 javascript 更改警報消息文本顏色

  7. 如何發布 npm 包

  1. 隔離的javascript開發環境/2021

  2. 如何在 5 分鐘內通過 5 個簡單步驟將 React 應用程序部署到 Heroku

  3. JavaScript 數組條目() |方法

  4. Javascript 類型數組:方法支持