jquery - anchor 标签和名称属性动画滚动

Question

我已经做到了http://jsfiddle.net/thilakar/WsxJy/3/与 anchor 标记和名称属性一起使用。

但我需要像下面的链接一样使用jquery。 http://www.jibevisuals.com/

当点击“关于我们”菜单页面缓慢向上移动。我需要这样的工作。

任何建议

提前致谢。

Answer 1

描述

您可以使用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()