我有一个加载多个 View 的容器
<md-content flex id="content">
<div ng-view></div>
</md-content>
例如，其中一个加载的 View 如下所示
<div layout="column" id="selection-whiteframe" ng-controller="MathCtrl">
[Header Row Here]
<md-content id="MathContent">
[SomeContent]
</md-content>
</div>
问题是，如果“MathContent”中的内容太多，NG-View Div 会变成可滚动的，而不是“MathContent”Md-Content，这是不需要的，因为 [Header Row] 应该有一个固定的位置。
是否可以通过某种方式禁止元素(例如 ng-view)滚动，或者我可以将 selection-whiteframe 的最大尺寸锁定为 ng-view 的高度吗？
最佳答案
这有点棘手，要让它在 Chrome 中工作，您只需在每一层添加 layout="column/row"。
<body layout="column">
<md-content layout="column" flex id="content">
<div layout="column" ng-view>
<div layout="column" id="selection-whiteframe" ng-controller="MathCtrl">
[Header Row Here]
<md-content layout="column" id="MathContent">
[SomeContent]
</md-content>
</div>
</div>
</md-content>
但这在 Firefox 中不起作用。为了让它在任何地方都能工作，您还需要用 md-content 替换所有 div。
<body layout="column">
<md-content layout="column" flex id="content">
<md-content layout="column" ng-view>
<md-content layout="column" id="selection-whiteframe" ng-controller="MathCtrl">
[Header Row Here]
<md-content layout="column" id="MathContent">
[SomeContent]
</md-content>
</md-content>
</md-content>
</md-content>
这是一个简单的代码笔，我建议您在这里引用我的答案:https://stackoverflow.com/a/29516060/2553215
关于html - AngularJS 滚动问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35793143/