关于如何为el-dialog组件设置滚动条,这里有几种常见的方法: 1. 使用CSS样式设置滚动条 当el-dialog的内容超过其可视区域时,可以通过CSS样式来设置滚动条。这通常涉及到对.el-dialog__body或.el-dialog__wrapper元素应用overflow-y: auto;样式。 html <style scoped> ::v-deep .el-dialog__body { ...
// 滚动条的宽度::-webkit-scrollbar {// opacity: 0;transition: opacity340msease-out;width:6px;cursor: pointer;background-color: yellow;// &:hover {// opacity: 1;// }}// 滚动条的设置::-webkit-scrollbar-thumb {display: block;width:100%;background-color: rgba(144,147,153,.3);tran...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。 也有说给元素设置 ref="box",然后...
-webkit-overflow-scrolling:touch,这个属性会让滚动条产生回弹效果,让滚动没有那么生硬。 在MDN上是这么定义这个属性的: -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。 touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。
上代码 dialog中嵌套div,给div设置高度,并且overflow属性为auto,布局如下图: .sketch_content {// 必须有高度 overflow 为自动overflow: auto;height: 434px;border-top: 1px solid #eff1f4;border-bottom: 1px solid #eff1f4;padding: 0px 30px 11px 27px;}// 滚动条的样式,宽高分别对应横竖滚动条的尺...
el-dialog主体区域添加了el-scrollbar滚动条,为什么el-dialog必须设置固定高度(比如height:100%)才能滚动?否则滚动条就无效?感觉不适合写死高度啊,应该根据内容自动调整高度,但是不能超出一个屏幕高度
于是目前考虑使用固定高度的方式来处理。 优先发现的问题是,element plus中的el-dialog是内容优先的,即有多少内容高度就有多高。 太多的内容会导致总体页面出现滚动条。 而一般的管理系统,可以出现固定条的地方可能是弹窗中的内容,而不是整个页面 而弹窗中,下方的提交、取消按钮,是不动的。
elementui 的 el-dialog 里面获取不到dom元素问题,设置表单滚动条到顶部问题 2020-03-13 23:10 −... smil、梵音 0 3715 elementui移动dialog 2019-12-20 15:19 −1、在创建Vue对象时添加全局属性 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el....
vue3 设置el-dialog height超过滚动条 方法一: <stylescoped>::v-deep .el-dialog .el-dialog-body{height:500px;overflow-y:auto;}</style> 如果要设置动态的高度话,则要在setup里面设置 <script>exportdefaultdefineComponent({ setup:{ const cssContent=ref({height:'100%',overflowY:''})...