2016-07-28 107 views
0

我現在有非常相似,這個項目的內容:兩個滾動窗口

http://codepen.io/dmastag/pen/oXORpZ

但另外,在右邊的窗口中包含選項卡(MD-標籤),以便在單擊切換具有Windows中的自己的卷軸。問題是,我無法在右側窗口中使用滾動功能,只能在左側使用滾動功能。任何想法如何解決?我的目標是當滾動位於列表最底部時,在右側窗口中擴展列表。

我試圖讓選擇器md-tab-content,因爲我懷疑它的滾動窗口,但它說它的值爲空?!難道我做錯了什麼?你有任何其他解決方案來解決這個問題嗎?我會很棒。

的DOM樹是這個樣子的瀏覽器:

<md-tabs> 
    <md-tabs-wrapper> 
     <md-tabs-content-wrapper> 
      <md-tab-content> 
      </md-tab-content> 
     </md-tabs-content-wrapper> 
    </md-tabs-wrapper> 
</md-tabs> 

回答

0

你有plnkr或與您的代碼codepen?你是否嘗試過類似的東西:

md-tabs-wrapper{ 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    background-color: rgb(68, 114, 196) !important; 
    z-index: 1000; 
    width: 100%; 
} 

md-tabs.md-dynamic-height md-tabs-content-wrapper { 
    top: 48px !important; 
}