如何将scroll top设置为bootstrap3选项卡

Question

http://jsfiddle.net/1fus4o1q/

这是我的工作小提琴。在主页选项卡“转到顶部”链接的末尾应该转到个人资料页面。

我的HTML代码是：

<a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" class="go_to_top">Go to Top</a>

脚本：

   $(' a.go_to_top').click(function (e) {
        e.preventDefault();
        $('a[href="' + $(this).attr('href') + '"]').tab('show');    

    });

如果我点击链接，它会进入个人资料标签。但它在该部分的底部。我需要登顶。我怎么能实现这个？或任何其他方式到达。

Answer 1

类似于this？

$(' a.go_to_top').click(function (e) {
    e.preventDefault();
    var $target = $('a[href="' + $(this).attr('href') + '"]');
    $target.tab('show');
    $('html, body').animate({scrollTop:$target.offset().top})
});