css:overflow-y属性

wangshuai09272023-10-24 4:03

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%">