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

Question

我在JsFiddle有这个例子

问题是当点击“描述”和“评论”链接有不同的行为（打开和关闭.affix标题类）。

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

如何在单击这些链接以从1开始内容时修复（“Desc content1”和“Rev content1”）???

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');
});