gpt4 book ai didi

css - 如何让 md-content 在表单中滚动?

转载 作者:行者123 更新时间:2023-11-28 09:24:37 26 4
gpt4 key购买 nike

下面是我的应用程序中的屏幕布局。我无法让 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。

http://plnkr.co/edit/YWr30m2sTci7rdIbFFzM?p=preview

最佳答案

将表单元素更改为:<form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">

似乎可以解决问题。

http://plnkr.co/edit/pKwFGmkJmhifdyqCg9aU?p=preview

关于css - 如何让 md-content 在表单中滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37656670/

26 4 0
文章推荐: css - Sass 中 & sign 和 no & sign 的区别?
文章推荐: javascript - 如何渲染容器轴的所有值?
文章推荐: jquery - 使用 jQuery .animate 和 Bootstrap 定位
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com