关于#javascript#的问题:el-select 滚动条怎么一直显示? 源码里在鼠标移出option下拉框的时候 将scroll的display设置为none了
![](https://profile-avatar.csdnimg.cn/3baa5117666a4e0da7ab0c1a36ea6893_m0_61841985.jpg!4)
关于#javascript#的问题:el-select 滚动条怎么一直显示
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- Kwan的解忧杂货铺@新空间代码工作室 2024-04-26 16:29关注
下午好🌅🌅🌅
本答案参考ChatGPT-3.5针对 el-select 滚动条一直显示的问题,可以考虑以下解决方案:
-
修改 el-select 的内置样式。在样式文件中,可以对 el-select 内置样式进行覆盖修改。具体可参考 Element UI 官方文档中的 Select 组件样式定制部分。
-
利用 JavaScript 控制滚动条的显示。可以通过监听 el-select 的鼠标滚动事件,动态添加/删除滚动条的样式,从而实现滚动条一直显示的效果。具体实现可参考以下代码示例:
// 获取 el-select 元素 var selectElement = document.querySelector('.el-select'); // 监听 el-select 的鼠标滚动事件 selectElement.addEventListener('wheel', function() { // 获取滚动条元素 var scrollbar = selectElement.querySelector('.el-select__tags-text'); // 显示滚动条 scrollbar.style.display = 'block'; // 设置一个定时器,延迟一定时间后隐藏滚动条 setTimeout(function() { scrollbar.style.display = 'none'; }, 2000); });
- 利用 CSS 控制滚动条的显示。可以对 el-select 的内置样式进行修改,从而实现滚动条一直显示的效果。具体思路是:将滚动条样式的 display 属性设置为 always,使其一直显示。具体实现可参考以下代码:
/* 自定义 el-select 的样式 */ .el-select__tags-text { /* 将滚动条的 display 属性设置为 always */ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }
综上所述,针对 el-select 滚动条一直显示的问题,可以通过修改内置样式或利用 JavaScript/CSS 控制滚动条的显示来解决。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 -
悬赏问题
- ¥200 csgo2的viewmatrix值是否还有别的获取方式
- ¥15 Stable Diffusion,用Ebsynth utility在视频选帧图重绘,第一步报错,蒙版和帧图没法生成,怎么处理啊
- ¥15 请把下列每一行代码完整地读懂并注释出来
- ¥15 pycharm运行main文件,显示没有conda环境
- ¥15 易优eyoucms关于二级栏目调用的问题
- ¥15 寻找公式识别开发,自动识别整页文档、图像公式的软件
- ¥15 为什么eclipse不能再下载了?
- ¥15 编辑cmake lists 明明写了project项目名,但是还是报错怎么回事
- ¥15 关于#计算机视觉#的问题:求一份高质量桥梁多病害数据集
- ¥15 特定网页无法访问,已排除网页问题