（Javascript）打开选项卡，激活选项卡，滚动至锚定

[编辑]与Stackoverflow上的其他一些问题不同，我不想只滚动到锚点。我需要页面滚动到标签页，打开并激活标签页，然后滚动到锚点的其余部分

我正在寻找一些代码方面的帮助，但这有点难以解释。我对Javascript相当陌生，将尽可能多地提供细节

我有一些常规选项卡，每个选项卡中都有一些内容。其中一个选项卡是产品比较表。在同一页面的选项卡上方，我有一个链接到锚的a href。我试图通过Javascript实现的是，如果用户单击外部链接，它将：

滚动至网站的选项卡部分 单击包含表的Compare Configurationstab，该表将包含锚定。 滚动到该选项卡中的定位点。 我试图实现的一个例子与GoPro网站类似：

当您单击PayPal部分下面的比较版本时，它会将页面滚动到正确的选项卡，打开页面并显示表格。这就是我正在努力实现的目标

到目前为止，我的选项卡有以下代码：

<ul id="tabs">
    <li class="active">FEATURES</li>
    <li>SPECIFICATIONS</li>
   <li>COMPARE CONFIGURATIONS</li>
</ul>

<ul id="tab">
    <li class="active">
        This is the first tab.
    </li>
    <li>
        <br>
        This is the second tab.
    </li>
    <li>
        <br>
        This is the third tab.
    </li>
</ul>

---

有没有什么方法可以让我用Javascript或类似的东西实现我的目标？我愿意接受任何和所有的建议，并在此感谢任何帮助。如果您想查看“我的页面”并查看页面的选项卡布局，请随时访问。

您只需使用jQuery切换“活动”类，如下所示：

<ul id="tab">
<li >
    This is the first tab.
</li>
<li class="active">
    <br>
    This is the second tab.
</li>
  <li>
    <br>
     This is the third tab.
</li>

---

注意：您需要这个。

可能重复@AlexeiLevenkov Close，但不完全重复。我需要它滚动，是的，但我还需要将选项卡标记为活动，并使外部链接滚动到锚。@FlexMarket您无法决定哪个选项卡将处于活动状态。。。其余部分使用elementId作为链接Url的一部分，自动滚动到我链接的帖子中显示的元素，以及这里的评论。您应该争辩说它是HTML唯一的解决方案，因此不是重复的。

$('html,body').animate({
    scrollTop: $("#tab").offset().top
  }, 1000)