Javascript 粘性导航并滚动至顶部 我在页面中间（议程日）有一个粘性的导航栏，当粘性导航栏的内容向下滚动时，它会被固定。nav是引导选项卡，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天和第3天切换内容并滚动到议程内容的顶部（而不是页面顶部）

---

下面是我的完整代码示例：

首先将类添加到li天容器链接。第二个例子，在days导航之前添加一个选择器

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

$（'.scroll top'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.test”）.offset（）.top}，
“慢”）；
});

Awsome！这是有道理的。我更新了这支笔，作品很有魅力。谢谢你，斯蒂法诺：）