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%">
相关推荐
小希爸爸19 分钟前
4、中医基础入门和养生
前端·后端
kooboo china.23 分钟前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
uhakadotcom29 分钟前
Fluid:云原生数据加速与管理的简单入门与实战
前端
鬼面瓷1 小时前
CAPL编程_03
前端·数据库·笔记
帅云毅1 小时前
Web漏洞--XSS之订单系统和Shell箱子
前端·笔记·web安全·php·xss
北上ing1 小时前
同一页面下动态加载内容的两种方式:AJAX与iframe
前端·javascript·ajax
小墨宝2 小时前
js 生成pdf 并上传文件
前端·javascript·pdf
HED2 小时前
用扣子快速手撸人生中第一个AI智能应用!
前端·人工智能
DN金猿2 小时前
使用npm install或cnpm install报错解决
前端·npm·node.js
丘山子2 小时前
一些鲜为人知的 IP 地址怪异写法
前端·后端·tcp/ip