AngularJS - md-content 双滚动条问题答案

【问题标题】：AngularJS - md-content Double Scrollbar IssueAngularJS - md-content 双滚动条问题
【发布时间】：2017-02-20 23:15:35
【问题描述】：

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

它接近尾声，从技术上讲一直向下滚动，但它滚过视点导致一半看到结尾位。

如您所见，它已尽可能地向下滚动，最终滚动得比应有的多，这导致实际上向下滚动得不够远。

我不知道什么样的 CSS 会引发这个问题，甚至当我有两个滚动条时也会发生这种情况。

您可以使用inspect element here访问网站进行测试

这是 md 内容的 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% 而不是只选择视图左侧的内容时，它会进入 chrome 视图总量的 100%，然后超出 chromes 视图。如果我将其更改为 80% 或其他内容，我发现它可以正常工作，但由于显而易见的原因，我不能将其更改为 80%，因为它会根据不同的设备而有所不同

【问题讨论】：

发布代码或创建示例
如果我一开始就知道是什么 CSS 代码导致了这个问题，我很高兴。不要指望我把我的整个 CSS 都扔掉
我仍然被这个问题困扰 - 请帮助 D：

标签： javascript jquery html css angularjs

【解决方案1】：

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

md-content 也需要有 layout-fill 和 flex。

【讨论】：