$('.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>

最新文章

  1. JAVA格物致知基础篇:你所不知道的返回码
  2. 跟我学Windows Azure 一 创建Windows Azure试用账号
  3. gulp-rev:项目部署缓存解决方案----gulp系列(六)
  4. 使用MVVM-Sidekick开发Universal App(一)
  5. sql server 字符串函数str()
  6. Orchard 源码探索(Log)
  7. UVa1583 Digit Generator
  8. Maven安装中的问题
  9. 分布式版本控制系统Git-----8.fst-forward与no fast foward
  10. SSM博客
  11. 指向list的指针
  12. 获取当前页面url中的参数 coffeescript+node.js+angular
  13. Java中的时间日期处理
  14. Canavs arcTo方法的理解
  15. tensorflow中协调器 tf.train.Coordinator 和入队线程启动器 tf.train.start_queue_runners
  16. Win10离线安装.NET Framework 3.5的方法技巧(附离线安装包下载)
  17. Linq to Entities,ADO.NET Entity Framework 模型优先
  18. struct和class的联系与区别
  19. Spring Boot系列教程八: Mybatis使用分页插件PageHelper
  20. json数据操作

热门文章

  1. 初学VS的目录结构
  2. Android数据存储与访问
  3. DOM用TagName操作标签
  4. ACM2066
  5. Spark Streaming 的一些问题
  6. main函数的传参与返回
  7. Log4J使用实例---日志进行邮件发送或是存入数据库
  8. mysql 修改max_connections
  9. [洛谷P2365] 任务安排
  10. 【NOIP】提高组2015 运输计划