jquery – 锚标记和名称属性动画滚动

我使用锚标记和名称属性完成了这个 http://jsfiddle.net/thilakar/WsxJy/3/.

但我需要使用jquery如下面的链接.
http://www.jibevisuals.com/

点击“关于我们”菜单页面慢慢向上移动.我需要那种工作.

任何建议

提前致谢.

解决方法

描述

您可以使用jQuery.offset()和jQuery.animate()来完成此操作.

查看jsFiddle Demonstration.

样品

function scrollToAnchor(aid){
    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor('id3');

更多信息

> jsFiddle Demonstration
> jQuery.offset()
> jQuery.animate()

原文地址：https://www.jb51.cc/jquery/176902.html