菜鸟学习篇--如何解决内容超出页面高度出现滚动条问题

当页面内容超出页面高度并且出现滚动条时，可以直接在页面最外层添加overflow:hidden;但由于vue组件直接给body添加css样式是无效的，因此，可以这么做：mounted() {document.getElementsByTagName("body")[0].style = "overflow: hidden;";},其实不仅可以用overflow:hidden;height:100v

一只努力的前端菜鸟

3527人浏览 · 2020-09-18 08:50:15

一只努力的前端菜鸟 · 2020-09-18 08:50:15 发布

当页面内容超出页面高度并且出现滚动条时，可以直接在页面最外层添加overflow:hidden;但由于vue组件直接给body添加css样式是无效的，所以可以这么做：

 mounted() {
    document.getElementsByTagName("body")[0].style = "overflow: hidden;";
  },

其实不仅可以用overflow:hidden; height:100vh; overflow-x: hidden; overflow-y: hidden;任选其中之一都可以。

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