css:overflow-y属性

css:overflow-y属性

overflow-y: scroll 始终会显示最右侧滚动条。

overflow-y: auto 内容超出显示滚动条,未超出不显示滚动条。

html 复制代码
/* overflow-y 属性 可选值 */

overflow-y: visible; /*内容可见*/
overflow-y: hidden; /*内容隐藏*/
overflow-y: scroll; /*总是显示滚动条*/
overflow-y: auto; /*浏览器决定*/

/* overflow-y 属性 全局可选值 */

overflow-y: inherit; /*继承*/
overflow-y: initial; /*默认值*/
overflow-y: unset; /*未设置*/

遇到问题:

重新封装element的el-tree组件,选中树形结构多条,超出屏幕了,滚动条显示不全。
解决办法:

封装的组件div没有定义高度,将div设置成height:100%,滚动条就显示完整了。

html 复制代码
<div style="overflow-y: scroll;height:100%">
相关推荐
阿镇吃橙子3 分钟前
一些手写及业务场景处理问题汇总
前端·算法·面试
庸俗今天不摸鱼4 分钟前
【万字总结】前端全方位性能优化指南(九)——FSP(First Screen Paint)像素级分析、RUM+合成监控、Lighthouse CI
前端·性能优化
逆袭的小黄鸭4 分钟前
JavaScript:作用域与作用域链的底层逻辑
前端·javascript·面试
用户26124583401615 分钟前
vue2实现滚动条自动滚动
前端
前端Hardy9 分钟前
HTML&CSS:超好看的轮播图,你绝对用得上(建议收藏)
javascript·css·html
傻球13 分钟前
Jotai 使用详解:React 轻量级状态管理库
前端·react.js
Json_14 分钟前
Vue 构造器 Vue.extend
前端·vue.js·深度学习
伶俜monster15 分钟前
UV 法向量实验室:Threejs 纹理与光照炼金术
前端·webgl·three.js
小old弟15 分钟前
老生常谈: 谈谈对vue的理解?vue3有而vue2没有的东西或者说特性?
前端·vue.js