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

Question

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

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

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

任何建议

提前致谢.

Answer 1

描述

您可以使用jQuery.offset()和执行此操作jQuery.animate().

查看jsFiddle演示.

样品

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

scrollToAnchor('id3');

更多信息

• jsFiddle示范
• jQuery.offset()
• jQuery.animate()