uni-app去掉右侧滚动条

APP端

参考文档：uni-app官网

全局配置：

"globalStyle": { // 全局配置"scrollIndicator": "none", // 不显示滚动条"app-plus": {"scrollIndicator": "none" // 在APP平台都不显示滚动条}
}

局部配置：

"path": "pages/index/index",
"style": {"scrollIndicator": "none", // 该页不显示滚动条"app-plus": {"scrollIndicator": "none" // 在该页APP平台不显示滚动条}
}

注意：配置完毕后，需要重启编辑器并重新编译

微信小程序端

只能使用于在 scroll-view 中

方法一、将滚动条的属性 show-scrollbar 设置为 false 即可

<scroll-view class="wrap" scroll-y enhanced :show-scrollbar="false"></scroll-view>

方法二、通过CSS设置滚动条隐藏

注意：::-webkit-scrollbar前要有 scroll-view 的标签名或类名

scroll-view ::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;
}

或

scroll-view ::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent;
}

uni-app去掉右侧滚动条相关推荐

html 右侧滚动条,html中去掉textarea右侧滚动条和右下角拖拽
摘要腾兴网为您分享:html中去掉textarea右侧滚动条和右下角拖拽,湘税社保,唯品会,上海交通,钱大掌柜等软件知识,以及玫瑰小镇魔法花园,raw格式转换软件,阳光天天购,live壁纸,废品机械 ...
SyntaxHighlighter要怎么去除右侧滚动条
SyntaxHighlighter这个是一个html高亮插件.现在被用于很多网站的代码显示.但是SyntaxHighlighter3.0.83,由于自适应宽和高,导致一直有滚动条的问题. 在Chrom ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
vue切换路由的时候，如何让右侧滚动条滚动到顶部呢？
使用vue切换页面的时候,发现右侧的滚动条的位置似乎存在缓存似的,当右侧滚动条默认在顶部,切换页面的时候,位置停留在顶部,但当右侧滚动条的停留位置不是在顶部的时候,右侧滚动条停留的位置就会是上一个页面 ...
Thunder9（迅雷9）去掉右侧浏览器广告的方法
1.打开文件夹C:\Program Files (x86)\Thunder Network\Thunder9\Program\TBC 2.找到 ThunderBrowser.exe 3.重命名为任意名 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...

uni-app去掉右侧滚动条

APP端

微信小程序端

uni-app去掉右侧滚动条相关推荐

最新文章

热门文章