如何使用id从start元素滚动？

Question

我在JsFiddle

中有这个例子

问题在于点击＆＃34;描述＆＃34;和＆＃34;评论＆＃34;链接有不同的行为（打开和关闭.affix标题类）。

data-spy="affix" data-offset-top="80"

如何点击这些链接从1启动内容（＆＃34;描述内容1＆＃34;和＆＃34; Rev内容1＆＃34;）

Answer 1

快速而肮脏的修复，我稍微修改了代码以检测标题和标签的高度。您可能需要更多CSS更改来满足标题和标签位置的修复。看看这个JsFiddle

$('#revBtn').on('click', function () {
    $(this).addClass('active');
    $('#descBtn').removeClass('active');
    $('html,body').animate({
        scrollTop: $("#rev").position().top - $('header').outerHeight() - $('.nav-tabs').outerHeight()
    }, 'slow');
});

$('#descBtn').on('click', function () {
    $(this).addClass('active');
    $('#revBtn').removeClass('active');
    $('html,body').animate({
        scrollTop: $("#desc").position().top - $('header').outerHeight() - $('.nav-tabs').outerHeight()
    }, 'slow');
});