Question

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

我正在寻找一些代码的帮助，但有点难以解释。我对Javascript很新，并且会尽可能多地提供详细信息。

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

滚动到网站的标签部分
点击包含表格的＆＃34;比较配置＆＃34;标签（这将有锚点。）
滚动到该标签中的锚点。

我想要实现的一个例子与GoPro网站类似：EXAMPLE

当您点击＆＃34;比较版本＆＃34; （在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或类似的东西？我对所有建议持开放态度，并对此表示感谢。如果您想查看我的页面并查看页面如何使用标签布局，请随时访问my site。

Answer 1

您只需切换“有效”状态即可。使用addClass removeClass使用jQuery这样的类：

var totalDown = Number(down) + Number(trade);

（我认为只有.active会一次显示。）

然后你可以滚动到那个元素：

<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>

注意：您需要Jquery。

（Javascript）打开选项卡，激活标签，滚动到锚点

1 个答案: