（Javascript）打开选项卡，使选项卡活动，滚动到锚点

-3

[编辑]不像其他一些关于Stackoverflow的问题，我不是只看滚动到锚点。我需要页面滚动到选项卡，打开并使选项卡处于活动状态，然后将其余部分滚动到锚点。（Javascript）打开选项卡，使选项卡活动，滚动到锚点

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

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

滚动到网站
的标签部分单击具有表中的“比较配置”选项卡（这将在其上具有锚点）。
滚动到该选项卡内的锚点。

什么，我想实现的一个例子是类似的GoPro网站：EXAMPLE

当你点击“版本比较”（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。

来源

2015-09-22 FlexMarket

'...' – Popnoodles

可能的重复[如何使用JavaScript滚动到一个元素？]（http://stackoverflow.com/questions/5007530/how-do-i-scroll-to-an-element-using -javascript） –

@AlexeiLevenkov关闭，但不完全。我需要它滚动，是的，但我也需要选项卡被标记为活动，并且外部链接滚动到锚点。 – FlexMarket

你可以简单地切换使用addClass removeClass使用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>

之后，你可以滚动到该元素：

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

注意：您需要Jquery。

来源

2015-09-22 14:53:23

（Javascript）打开选项卡，使选项卡活动，滚动到锚点

回答

相关问题