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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/176902.html

猜你在找的jQuery相关文章