el-dialog高度设置滚动条
时间: 2023-09-24 20:05:49 浏览: 243
如果el-dialog的内容高度超过了el-dialog的高度,就会自动出现滚动条。
如果您想手动设置el-dialog的高度并且在内容高度超过el-dialog高度时也要出现滚动条,可以使用以下CSS代码:
```
.el-dialog {
max-height: 400px; /* 设置最大高度 */
overflow-y: auto; /* 让内容超过最大高度时出现滚动条 */
}
```
其中,max-height可以设置您想要的最大高度,如果内容高度不超过最大高度,就不会出现滚动条。而overflow-y: auto;则是在内容高度超过最大高度时出现纵向滚动条。
相关问题
el-plas el-dialog 竖向滚动条
el-dialog是Element UI中的一个组件,是一个弹出框。而el-scrollbar则是Element UI中的另一个组件,用于滚动条的实现。如果你需要在el-dialog中使用竖向滚动条,可以将el-scrollbar组件嵌套在el-dialog组件中,并设置其高度和最大高度即可。这样当内容超出el-dialog的高度时,就可以通过el-scrollbar来实现竖向滚动条的功能。
el-plas el-dialog 竖向滚动条 代码
el-dialog是element-ui中的一个弹窗组件,而el-scrollbar是element-ui中的一个滚动条组件,用于在页面中添加滚动条。
如果你想在el-dialog中添加一个竖向滚动条,可以在弹窗的内容区域添加一个el-scrollbar组件,并设置其高度和最大高度,如下所示:
```html
<el-dialog title="标题" :visible.sync="dialogVisible">
<el-scrollbar wrap-class="scrollbar-wrap" view-class="scrollbar-view" :max-height="300">
<div class="dialog-content">
// 弹窗内容
</div>
</el-scrollbar>
</el-dialog>
```
其中,wrap-class和view-class属性是用来自定义滚动条样式的class名称,max-height属性是设置最大高度,如果内容超过最大高度,则会出现竖向滚动条。
关于el-scrollbar的更多用法和参数设置,你可以参考element-ui官方文档:https://element.eleme.cn/#/zh-CN/component/scrollbar
阅读全文