uniapp去除滚动条的方法

简介: uniapp去除滚动条的方法

第一种

在app.vue的页面中设置全局css样式属性

//第一种
  scroll-view ::-webkit-scrollbar {  
      display: none !important;  
      width: 0 !important;  
      height: 0 !important;  
      -webkit-appearance: none;  
      background: transparent;  
  }
  //第二种
  ::-webkit-scrollbar{
      display: none;
  }

第二种

在page.json设置默认属性

//第一种 这是app的不显示滚动条可以在当前页面中添加
  "app-plus":{
    "scrollIndicator":"none" //当前页面不显示滚动条
      }
      //也可以直接(不知道生效不生效,我俩种全搞上)
      "scrollIndicator": "none"
//示例代码
{
    "path": "pages/content/index",
    "style": {
      "navigationBarTitleText": "",
        "app-plus":{
        "scrollIndicator":"none" //当前页面不显示滚动条
              },
    "scrollIndicator": "none"
    }
  }
  //第二种 直接全局搞就ok  
    "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "我是王小白",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8",
"scrollIndicator": "none",
      "app-plus":{
          "scrollIndicator":"none" //全局 在APP页面都不显示滚动条
        }
  }

不过不知道为啥有些页面这些不起效果,小白我真的无能为力了,前端路漫漫,未进者慎重慎重!!!

相关文章
|
5月前
uniapp解决首页subNvue,hide方法关闭不了问题
uniapp解决首页subNvue,hide方法关闭不了问题
|
9月前
uniapp发送formdata表单请求(全网最简单方法)
因为uniapp不支持直接传输formdata,只提供了uploadFile方法上传文件,但是利用该方法就可以传输formdata了。
721 1
uniapp实现onShow获取页面传递参数方法
uniapp实现onShow获取页面传递参数方法
|
9月前
uniapp根据官方文档上传图片的方法
uniapp根据官方文档上传图片的方法
|
4月前
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
|
25天前
|
小程序 Android开发
uniapp进行条件编译的两种方法
uniapp进行条件编译的两种方法
11 0
|
2月前
|
JavaScript API
uniapp自定义导航栏方法
uniapp自定义导航栏方法
42 0
|
2月前
|
存储 缓存 开发框架
了解UniApp常用方法
了解UniApp常用方法
18 0
uniapp滚动条置顶效果、自定义页面滚动条的位置(整理)
uniapp滚动条置顶效果、自定义页面滚动条的位置(整理)
|
3月前
|
API
uniapp开启蓝牙并判断搜索内容的方法
uniapp开启蓝牙并判断搜索内容的方法
58 0

热门文章

最新文章