使用element UI中的Container 布局容器时显示两个滚动条如何解决

在做一个门户网站时，使用了vue+elementUI，然后使用了Container 布局容器，但是发现会出现两个滚轮，这显然是不符合逻辑的。解决方法：如果需要隐藏main的滚轮则在 el-main中设置overflow-y: hidden;样式如果需要溢出部分的内容并交给浏览器最外边的滚动条，则设置overflow: visible;如果本篇文章对你有帮助，请点赞鼓励一下，谢谢...

一个诡异的bug

5372人浏览 · 2022-04-22 17:01:05

一个诡异的bug · 2022-04-22 17:01:05 发布

在做一个门户网站时，使用了vue+elementUI，然后使用了Container 布局容器，但是发现会出现两个滚轮，这显然是不符合逻辑的。

解决方法：

如果需要隐藏main的滚轮则在 el-main中设置overflow-y: hidden;样式

如果需要溢出部分的内容并交给浏览器最外边的滚动条，则设置overflow: visible;

如果本篇文章对你有帮助，请点赞鼓励一下，谢谢

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}$/, //不连续的两位字母// /^