如何让 md-content 在表单中滚动?
How to get md-content to scroll within a form?
下面是我的应用程序中的屏幕布局。我无法让 md-content 滚动。相反,整个页面滚动。有什么建议吗?
`
<form name="myForm">
<!-- Header Area-->
<div>
<label>Header</label>
<md-button type="submit" ng-disabled="myForm.$invalid">Submit</md-button>
</div>
<!-- Content Area-->
<md-content>
<!-- Form fields-->
</md-content>
</form>
`
我尝试将表单的溢出设置为隐藏,并将 md-content 的溢出明确设置为自动,但这没有帮助。
下面是我创建的 plunker,它演示了整个页面滚动而不是 md-content。
将表单元素更改为:<form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">
似乎可以解决问题。
Mike Feltman 的解决方案有效,但您真正需要的只是将 layout
属性(在您的情况下为 layout="column"
)应用到您的 form
.
下面是我的应用程序中的屏幕布局。我无法让 md-content 滚动。相反,整个页面滚动。有什么建议吗?
`
<form name="myForm">
<!-- Header Area-->
<div>
<label>Header</label>
<md-button type="submit" ng-disabled="myForm.$invalid">Submit</md-button>
</div>
<!-- Content Area-->
<md-content>
<!-- Form fields-->
</md-content>
</form>
`
我尝试将表单的溢出设置为隐藏,并将 md-content 的溢出明确设置为自动,但这没有帮助。
下面是我创建的 plunker,它演示了整个页面滚动而不是 md-content。
将表单元素更改为:<form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">
似乎可以解决问题。
Mike Feltman 的解决方案有效,但您真正需要的只是将 layout
属性(在您的情况下为 layout="column"
)应用到您的 form
.