网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  JQuery 实现 锚点跳转

JQuery 实现 锚点跳转

分类: IT文章 • 2024-01-16 08:42:07
    $('.nav-jump').click(function()
    {
        $('html,body').animate(
        { 
            scrollTop:$($.attr(this, 'href')).offset().top
        }, 800);
    }); 

该代码实现了 所以带.nav-jump class 的<a>标签在点击时能够平滑跳转至 链接所指的页内部分。

调用:

<a class="nav-jump" href="#part-1"><p>描述</p></a>

相关推荐

  • 页内跳转(锚点练习题)
  • vue 锚点跳转防止路径变化后,刷新页面报错的问题
  • 利用锚点实现左边导航右边定位内容
  • 采取:target来实现锚点的动画
  • 实现点返回出提示"是否保存?"是保存,否跳转页面!怎么实现?求教!
  • jQuery实现页面锚点滚动效果
  • 使用jquery animate实现锚点慢慢平滑滚动效果
  • Javascript实现导航锚点滚动效果实例
  • DoTween学习笔记(二) UGUI结合使用(实现一些简单效果) UGUI 锚点和anchoredPosition 关系
  • struts2 跳转result 锚点位置的有关问题
  • JQuery 获取页面某一元素的位置
  • Bootstrap Div 居中的方法
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号