vue手机端隐藏滚动条

在app.vue中的style插入:-webkit-scrollbar {width: 0 !important;}::-webkit-scrollbar {width: 0 !important;height: 0;}这样滚动条就全局隐藏了，如果有需求想要开启滚动条，可以使用下里面方法：overflow-x: scroll;white-space: nowrap;方法不错，纳入收藏...

心为醒SS

3199人浏览 · 2022-04-07 10:33:01

心为醒SS · 2022-04-07 10:33:01 发布

在app.vue中的style插入

:-webkit-scrollbar {
     width: 0 !important;
   }
   ::-webkit-scrollbar {
     width: 0 !important;height: 0;
   }

这样滚动条就全局隐藏了，
如果有需求想要开启滚动条，可以使用下里面方法：

overflow-x: scroll; 
white-space: nowrap;

方法不错，纳入收藏

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