杰森wang

关注

VUE 内容超出时页面未出现滚动条

杰森wang

关注

阅读 79

2022-01-26

在这里插入图片描述
内容超出页面时并未出现滚动条,鼠标滚动也没效果

解决方法:
在页面中最外侧盒子 cognizance-box 设置以下代码
在这里插入图片描述

.cognizance-box {
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	margin: 0 auto;
}

可以再加一个最小高度 min-height: xxpx;
在这里插入图片描述
页面右侧已出现滚动条,鼠标也能滚动页面

相关推荐

干自闭

解决Vue页面跳转时滚动条记忆问题

干自闭 78 0 0

SDKB英文

iframe 高度100%时,出现垂直滚动条

SDKB英文 55 0 0

花姐的职场人生

js之滚动条效果-内容和滚动条关系

花姐的职场人生 253 0 0

德州spark

vue2 -- 解决el-table自适应高度,页面不显示多条滚动条,超出的部分让el-table内部出现滚动条。

德州spark 48 0 0

guanguans

div 固定高度,设定比例的宽度,超出指定高度时竖直滚动条出现

guanguans 76 0 0

两岁时就很帅

页面侧边滚动条实现

两岁时就很帅 78 0 0

佳简诚锄

css:overflow-y: scroll内容未超出也显示滚动条

佳简诚锄 66 0 0

IT影子

vue计算滚动条滚动速度

IT影子 206 0 0

逸省

[element-ui] el-scrollbar 自适应高度,超出最大高度时出现滚动条

逸省 27 0 0

DYBOY

css 超出部分隐藏 超出部分给滚动条 超出部分展示 自动

DYBOY 116 0 0

精彩评论(0)

0 0 举报