jquery实现锚点链接之间的平滑滚动

原创 2013年12月01日 23:44:09
$('a[href*=#]').click(function() {
 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
 var $target = $(this.hash);
 $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
 if ($target.length) {
 var targetOffset = $target.offset().top;
 $('html,body').animate({
 scrollTop: targetOffset
 },
 500);
 return false;
 }
 }
 });

相关文章推荐

jquery实现页面内链接锚点跳转平滑滚动效果

jquery实现锚点跳转平滑滚动效果 $(document).ready(function() { $('a[href*=#]').click(function() { i...

jquery实现滚动与动态锚点

  • 2014年01月08日 16:55
  • 3KB
  • 下载

jquery实现鼠标向下滚动右侧才出现返回顶部链接

右侧的浮动层如上图所示,但是我们现在想实现这种效果:页面刚打开的时候不显示top返回顶部的链接,鼠标向下滚动的时候才出现,当点击top按钮后或者鼠标滚动到最上方时,top消失。大体html代码: ...

jQuery 锚点跳转滚动条平滑滚动

jQuery锚点跳转滚动条平滑滚动一句话代码 复制代码 代码如下:$(“html,body”).animate({scrollTop: $(“#box”).offset().top}, 1000);...

jQuery实现动态向表中添加行和使用超链接删除行以及行之间颜色交替

jQuery实现动态向表中添加行和使用超链接删除行以及行之间颜色交替
  • lqwlb
  • lqwlb
  • 2014年12月09日 10:31
  • 330

锚点平滑滚动

  • 2013年04月12日 17:10
  • 6KB
  • 下载

jquery实现单机表题则显示链接内容

//网页中难免会遇到有很长一段内容,这时我们可以将其隐藏当点击时在显示出来 连接显示页面 .content{ display:none; } $(document).re...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现锚点链接之间的平滑滚动
举报原因:
原因补充:

(最多只允许输入30个字)