javascript - 如何使用 id 从开始元素滚动？

Question

我在 JsFiddle 中有这个例子

问题是点击“描述”和“评论”链接时有不同的行为(打开和关闭 .affix header 类)。

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