AngularJS - md-content双滚动条问题

Question

这个here有一个答案，但我仍然需要帮助排除故障的原因是因为 - 它删除了滚动条并使一切都很好，它仍然没有完成向右滚动。

它接近结束并且技术上一直向下滚动，但是滚动超过视点，导致一半看到结束位。

正如你所看到的，它尽可能地向下滚动并最终滚动得更多然后它应该是，这导致实际上不会向下滚动得足够远。

我不知道什么样的CSS可以解决这个问题，甚至发生在我有两个滚动条时。

您可以使用检查元素here

访问网站进行测试

这是md-content HTML：

<md-content layout="column" flex ui-view layout-fill style="background-color:#e2e2e2">

    <ng-switch on="data.selectedIndex" class="tabpanel-container" style="background-color:#e2e2e2">
    </ng-switch>

</md-content>

编辑： 它似乎是布局 - 填充高度= 100％。当它设置为100％而不是仅选择视图左边的时间时，它会占视图铬总量的100％，然后超出了chromes视图。如果我把它改成80％或其他东西，我发现它工作正常，但由于显而易见的原因，我不能将它改为80％，因为它会根据不同的设备而有所不同

Answer 1

我终于找到了为什么它没有正确滚动，不知道为什么但是如果你的md-toolbar和md-content没有包含在<div layout="column" layout-fill></div>中那么它就无法正常工作。

md-content还需要布局填充和弹性。