如何使md-tab-body中的md-list水平滾動？

我將項目列表嵌入到標籤體中。由於該列表對於屏幕來說太長，我需要滾動到列表的末尾。當我設置佈局=「列」時，我得到了一個垂直列表和一個滾動條自動顯示。但是，當我設置佈局=「行」（如下面的代碼），我的水平列表沒有滾動條，我無法水平滾動。所以我無法走到名單的盡頭。這是一個錯誤還是我錯過了什麼？注意：當我的水平列表沒有嵌入到標籤體中時，滾動工作得很好。如何使md-tab-body中的md-list水平滾動？

有人有想法嗎？

<md-tabs md-dynamic-height md-stretch-tabs> 
    <md-tab> 
     <md-tab-label class="tab-label"> 
      tab label 
     </md-tab-label> 
     <md-tab-body > 
       <md-list layout="row"> 
        <md-list-item ng-repeat="listitem in listitems"></md-list-item> 
       </md-list> 
     </md-tab-body> 
    </md-tab>

來源

2017-08-01 Jymbo

是否使用AngularJS或Angular2 ？ – JeanJacques

angularJS和角材 – Jymbo

我找到了解決辦法。如果有人感興趣：

移除動態高度指令
指定以下的CSS：

.tabs-包裝{ 位置：相對; }

.full-size { position：absolute; top：0; right：0; bottom：0; left：0; }
- HTML代碼中CSS應用：適用於外層div類「標籤的包裝器」，適用於MD-標籤類「全尺寸」

來源

2017-08-05 11:33:54 Jymbo

我遇到類似的問題，其中md-dynamic-height沒有考慮滾動條。嘗試指定一個足夠的高度，看看你的滾動條是否出現。

來源

2017-08-03 12:04:24

我沒有看到指定高度的解決方案。我需要一個水平滾動條，所以我不需要垂直限制，對吧？但是，指定寬度也不能解決問題。 – Jymbo

我並沒有提出垂直限制，而是說當計算高度時，滾動條不計算在內。我並不確定，但我認爲如果您將高度定義爲比默認渲染高，那麼將在底部顯示水平滾動條。我以前遇到過這個問題，併爲我解決了這個問題。 –

如何使md-tab-body中的md-list水平滾動？

回答

相關問題