el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。 也有说给元素设置 ref="box",然后...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。 也有说给元素设置 ref="box",然后...
1. clientWidth,clientHeight clientWidth,clientHeight表示对象内容的可视区的宽度,不包括滚动条和边框,会随对象显示大小的变化而改变。 上图中,我给el-scrollbar__view这个div增加了10px的红色边框,整个div的实际高度,宽度变成了3452px,1920px,观察clientWidth,clientHeight的值是3432px,1900px,并没有包含边框和滚动...
1.lockScroll为false是可以解决bug,但是内容多了会出现两条滚动条。2.参照网上body添加padding-right: 0 !important不起作用。3.用overflow: hidden是会导致数据显示不完全无法出现滚动条。4.tagView已经设置了padding-right: 15px。5.用的是vue-element-admin模板. ...
如果设置了append-to-body=true,然后再设置当el-dialog的内部的滚动条时,会出现设置不上的情况,因为此时的el-dialog是挂载到body上的,不在.complainInfo父级样式的控制下。 补充:Z-index 仅能在定位元素上奏效 !!! z-index元素的position属性要是relative,absolute或是fixed。 z...
这一参数可用于特殊场景下的特殊需求,使得对话框的显示更加灵活多样。 六、lockScroll 参数 lockScroll 参数用来设置是否锁定对话框的滚动条。当 lockScroll 的值为 true 时,对话框将锁定滚动条,不随页面的滚动而滚动;当 lockScroll 的值为 false 时,对话框将随页面的滚动而滚动。这一参数可以根据实际情况进行设置...
(-50%,-50%); max-height:calc(100% - 30px); max-width:calc(100% - 30px); } .el-dialog .el-dialog__body{ max-height: 100%; flex: 1; -ms-flex: 1 1 auto; /* 兼容IE */ overflow-y: auto; overflow-x: hidden; } .el-dialog__wrapper { /*隐藏ie和edge中遮罩的滚动条*/ ...
方便的话贴一下options的设置 有用1 回复 kumfo: 我这是测试一下移动端端忽略的问题折叠显示有没有问题,不要在意。 回复2019-01-08 stone 2.3k1310 发布于 2019-01-08 重写cascader 的样式,给定一个宽度,如果超出宽度,就显示横向滚动条。 有用1 回复 1 个回答被忽略...
lock-scroll属性用于控制对话框弹出后是否锁定窗口滚动条。若设置为true,当对话框弹出时,窗口将被锁定,无法滚动。反之则不锁定。 ``` <el-dialog :visible.sync="dialogVisible" :lock-scroll="true"> 对话框内容 </el-dialog> ``` 5. append-to-body属性 append-to-body属性用于控制对话框是否插入到body元...