jQuery（「。element」）。scrollTop（0）;不起作用

Question

我有多個凸片是這樣的：

[標籤1] [標籤2]

--content

[標籤1] [標籤2]

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> 

正如您所看到的，在選項卡內容的上方和下方都有選項卡列表。

只要內容很長，用戶在更改選項卡列表底部的選項卡時，必須向上滾動到頁面。

所以，我想在用戶從下面更改標籤時自動滾動頂部。我將jQuery(".tab-content").scrollTop(0);添加到java腳本代碼中。但不知何故，它沒有迴應。

的jsfiddle：

http://jsfiddle.net/4m2ut16k/8/

注：它的工作原理，當我改變jQuery(".tab-content").scrollTop(0);到jQuery(window).scrollTop(0);但這不是我想要的，因爲我不是在頁面頂部的內容。

只是不明白爲什麼它不能在第一個地方工作。有沒有人找出問題所在？

Answer 1

您必須滾動窗口的標籤容器的頂部，你可以得到通過使用jQuery偏移功能，然後讓高層屬性偏移.tab-content元素：

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