Question

我正在将一个项目列表嵌入到标签正文中。由于列表对于屏幕来说太长，我需要滚动到列表的末尾。当我设置layout =“column”时，我得到一个垂直列表，并自动显示滚动条。但是当我设置layout =“row”时（如下面的代码所示），我的水平列表没有滚动条，我无法水平滚动。所以我无法到达列表的末尾。这是一个错误还是我错过了什么？注意：当我的水平列表没有嵌入标签体时，滚动效果很好。

有人有想法吗？

<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>

Answer 1

我遇到类似问题，其中md-dynamic-height并不考虑滚动条。尝试指定足够的高度，看看是否出现滚动条。

Answer 2

I have found a solution. If anybody is interested:

remove dynamic-height directive
specify the following css:

.tabs-wrapper { position: relative; }

.full-size { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
- apply css in html code: apply in outer div class "tabs-wrapper", apply in md-tabs class "full-size"

如何使md-tab-body中的md-list水平滚动？

2 个答案: