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

内容超出页面时并未出现滚动条，鼠标滚动也没效果解决方法：在页面中最外侧盒子 cognizance-box 设置以下代码.cognizance-box {width: 100%;height: 100vh;overflow-y: scroll;margin: 0 auto;}可以再加一个最小高度 min-height: xxpx;页面右侧已出现滚动条，鼠标也能滚动页面...

学了忘忘了学学了还得忘

3152人浏览 · 2022-01-25 17:09:17

学了忘忘了学学了还得忘 · 2022-01-25 17:09:17 发布

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

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^