我在页面中间（议程日）有一个粘性导航，当粘性导航的内容向下滚动时，该导航变得固定。导航是 Bootstrap 选项卡，这是 HTML 的样子：
<ul class="nav nav-tabs followMeBar agenda-days text-center">
<li class="active"><a class="day" href="#1" data-toggle="tab">Day 1</a></li>
<li><a class="day" href="#2" data-toggle="tab">Day 2</a></li>
<li><a class="day" href="#3" data-toggle="tab">Day 3</a></li>
</ul>
并且选项卡内容位于具有相应 ID 的 div 中，如下所示：
<div class="tab-pane" id="1">
<h3>Day 1</h3>
一切正常，除了一件事，如果您在第 1 天向下滚动一半，然后单击第 2 天，内容将切换到第 2 天，但您仍然向下滚动一半。如何让第 1 天、第 2 天、第 3 天切换内容并滚动到议程内容的顶部（而不是页面顶部）。
这是我的完整代码示例：https : //codepen.io/anon/pen/POvGPr
首先将类添加到天链接的li容器。其次，例如在天导航之前添加一个选择器。
<div class="test"></div>
<li class="active scroll-top"><a href="#1" data-toggle="tab">Day 1</a></li>
$('.scroll-top').click(function(){
$('html,body').animate({
scrollTop: $(".test").offset().top},
'slow');
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句