javascript - AngularJS - md-content 双滚动条问题

Question

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

编辑:好像是做layout-fill的height=100%。当它设置为 100% 而不是只选择 View 的左侧时，它会达到 chrome 拥有的 View 总量的 100%，然后超出 chrome View 。如果我将它更改为 80% 或其他我看到它工作正常，但由于明显的原因我不能将它更改为 80%，因为它会根据不同的设备而有所不同

Answer 1

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

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