Javascript jQuery（“.element”）.scrollTop（0）；不'；行不通

我有多个这样的选项卡：

[附表一][附表二]

--内容

[附表一][附表二]

HTML:

<div class="tabs">

    <ul class="tab-links">
        <li class="active"><a href="#tab1">Tab #1</a></li>
        <li><a href="#tab2">Tab #2</a></li>
    </ul>  

    <div class="tab-content">

        <div id="tab1" class="tab active">#1 content</div>

        <div id="tab2" class="tab">#2 content </div> 

    </div>

    <div class="tabs">

        <ul class="tab-links">
            <li class="active"><a href="#tab1">Tab #1</a></li>
            <li><a href="#tab2">Tab #2</a></li>
        </ul>

    </div>

</div>

#1内容
#2内容

如您所见，选项卡内容的上方和下方都有选项卡列表

只要内容很长，用户在更改选项卡列表底部的选项卡时就必须向上滚动到页面

所以，我想在用户从下面更改选项卡时自动滚动顶部。我添加了

jQuery（.tab内容”）.scrollTop（0）

转换为java脚本代码。但不知怎的，它没有反应

jsFiddle:

<div class="tabs">

    <ul class="tab-links">
        <li class="active"><a href="#tab1">Tab #1</a></li>
        <li><a href="#tab2">Tab #2</a></li>
    </ul>  

    <div class="tab-content">

        <div id="tab1" class="tab active">#1 content</div>

        <div id="tab2" class="tab">#2 content </div> 

    </div>

    <div class="tabs">

        <ul class="tab-links">
            <li class="active"><a href="#tab1">Tab #1</a></li>
            <li><a href="#tab2">Tab #2</a></li>
        </ul>

    </div>

</div>

注意：当我更改

jQuery（“.tab内容”）。scrollTop（0）到
jQuery（窗口）但这不是我想要的，因为我的内容不在页面顶部

只是不明白为什么它一开始就不起作用。有人知道问题出在哪里吗？
您必须将窗口滚动到选项卡容器的顶部，您可以使用jquery offset函数获取
.tab content
元素的偏移量，然后获取top属性：

jQuery(window).scrollTop(jQuery(".tab-content").offset().top);

您必须将窗口滚动到tabs容器的顶部，您可以使用jquery offset函数获取
.tab content
元素的偏移量，然后获取top属性：

jQuery(window).scrollTop(jQuery(".tab-content").offset().top);

没问题。很乐意帮忙，没问题。很乐意帮忙。