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%">
相关推荐
狸克先生7 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap22 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish30 分钟前
小程序webview我爱死你了 小程序webview和H5通讯
前端
请叫我欧皇i42 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_44 分钟前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun1 小时前
空间数据存储格式GeoJSON
前端
zhang-zan1 小时前
nodejs操作selenium-webdriver
前端·javascript·selenium
猫爪笔记1 小时前
前端:HTML (学习笔记)【2】
前端·笔记·学习·html
brief of gali2 小时前
记录一个奇怪的前端布局现象
前端
Json_181790144803 小时前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库