element-ui Drawer 内容全部屏幕高度不能滑动

news/2024/7/10 2:08:38 标签: vue

解决办法:

/1.显示滚动条:当内容超出容器的时候,可以拖动:/

.el-drawer__body

{ overflow: auto; }

/2.隐藏滚动条,太丑了/

.el-drawer__container ::-webkit-scrollbar

{ display: none; }


作者:昨夜剑客
链接:https://juejin.cn/post/6992807144949039111
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


http://www.niftyadmin.cn/n/776148.html

相关文章

CSS 实现多行文本“展开收起”

要想实现如下效果: 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮“展开”和“收起”两种状态的切换当文本不超过指定行数时,不显示“展开收起”按钮 说实话,之前单独看这个布局,即使借助 JavaS…

打开大写锁定的方法

onKeyPress(event: any) {this.platform getDevice();if((event.shiftKey && this.platform "mac" ) ||event.getModifierState(CapsLock)){this.isCapsLock true;}else{this.isCapsLock false;}//event.getModifierState(CapsLock) 打开大写锁定…

Element-UI 框架 el-scrollbar 组件

快速使用 <el-scrollbar><li v-for"user in userList" :key"user.id">{{user.name}}</li> </el-scrollbar>具体实例 <el-scrollbarwrapClass"yf-container"viewClass"yf-content"wrapStyle"color:#f…

vue组件中this和$el指向

示例代码为element ui 源码的select组件源码 控制台输出&#xff1a; 结论&#xff1a; this指向组件的实例。 $el指向当前组件的DOM元素。

Vue:滚动页面到指定位置实现

在Vue中&#xff0c;有三种方式可以实现H5页面滑动至指定位置 方法1&#xff1a; //先获取目标位置距离 mounted() {this.$nextTick(() > {setTimeout(() > {let targetbox document.getElementById(targetbox);this.target targetbox.offsetTop; })}) } //再滑…

Git 合并时 子模块submodule 冲突问题解决方法

假如当前在 branchA&#xff0c;在执行 git merge branchB 时&#xff0c;可能会遇到子仓库文件冲突 可以尝试一下命令&#xff1a; git update-index --cacheinfo 0160000, <commit-hash>, "<子仓库path>"//例子 git update-index --cacheinfo 0160000…

判断js对象中是否存在某个方法或者属性(以window为例)

1.验证方法 以WebSocket为例 if (window.WebSocket) {console.log(WebSocket); } if (typeof(window.WebSocket) function) {console.log(WebSocket); } if (window.WebSocket instanceof Function) {console.log(WebSocket); } window.hasOwnProperty(WebSocket); // tru…

代码整洁之道(各博主链接)

React 整洁代码最佳实践 - 掘金 给我5分钟&#xff01;教你写出干净清爽的 React 代码 - 掘金