我在 JsFiddle 中有这个例子
问题是点击“描述”和“评论”链接时有不同的行为(打开和关闭 .affix header 类)。
data-spy="affix" data-offset-top="80"
当单击这些链接以从 1(“Desc content1”和“Rev content1”)开始内容时,我该如何解决???
最佳答案
快速而肮脏的修复,我稍微修改了代码以检测标题和选项卡的高度。您可能需要进行更多 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');
});
关于javascript - 如何使用 id 从开始元素滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48104046/