uniapp 去掉滚动条

最新推荐文章于 2025-01-03 10:12:20 发布

961551971

最新推荐文章于 2025-01-03 10:12:20 发布

阅读量603

点赞数 1

文章标签： uni-app javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_43513271/article/details/127211069

版权

scroll-view组件去掉滚动条

// 去除滚动条
		::-webkit-scrollbar {
			display: none;
			width: 0 !important;
			height: 0 !important;
			-webkit-appearance: none;
			background: transparent;
			color: transparent;
		}

添加到app.vue里

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

961551971

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp去掉右侧滚动条的解决办法？

孙叫兽的博客

12-24

9843

用uniapp开发小程序,内容多的情况下,在微信开发者工具和真机调试下,右侧出现滚动条,有没有办法隐藏滚动条？参考文档：https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus 解决办法一：参考文档：https://uniapp.dcloud.net.cn/collocation/pages?id=app-plus 全局配置： "globalStyle": { //全局配置 "scrollIndicato...

uniapp [全端兼容] - 详细实现scroll-view滚动视图区域强力隐藏去除滚动条，兼容“安卓/苹果“手机系统真机完美去掉横向和纵向滚动条效果，解决苹果ios真机无法隐藏去掉滚动条问题！

王二红

04-01

4600

uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，可滚动视图区域组件，scroll-view，滚动条，去除，隐藏，横向滚动条，纵向滚动条，安卓手机，苹果ios手机，无法去除隐藏滚动条，苹果安卓滚动条隐藏，ios苹果无法隐藏，没效果无效，真机出现滚动条如何隐藏，在安卓机上出现横向滚动条的解决办法，滚动视图隐藏横向滚动条，有滚动条怎么办，就是隐藏不掉，微信小程序去除隐藏去掉scroll-view滚动条，苹果ios系统手机去除，如何去掉滚动条，无法去掉io

参与评论您还未登录，请先登录后发表或查看评论

轻松在uni-app中去掉编译后微信小程序的滚动条-告别无用属性&最终解决方案

m0_52952413的博客

02-02

3304

首先如果你使用的是页面级滚动，即使uni-app中的pages.json中有相关配置，在编译到小程序中也是没有效果的，因为小程序原生不支持，如下：那么在uni-app页面滚动是不是scroll-view，答案是的，但是我们没办法在顶层设置，因为官方没有暴露相关api，那么要想去掉滚动条，我们就只能在自己的页面使用scroll-view视图组件，取代全局的滚动视图。下面上简易代码效果图：如果你的组件不是占满全屏，比如有头部导航。

uniapp去除滚动条的方法

热门推荐

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！

11-06

1万+

第一种在app.vue的页面中设置全局css样式属性 //第一种 scroll-view ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } //第二种 ::-webkit-scrollbar

uniapp去掉滚动条

u010609022的专栏

01-03

416

方法2：page.json中添加"scrollIndicator": "none"

uniapp中scroll-view去除滚动条

bjt1015999的博客

02-26

6663

uniapp中我们使用scroll-view实现横向或者竖向滑动时，我们会发现横向或者竖向是有一个滚动条的，不是很美观，那么我们就可以尝试去去除一下滚动条（如果采用以下官方方法无法去除时，那么请向官方反馈信息）width: 0!important;height: 0!important;说明：可能在某个设备上还是有问题，等待官方小助手解决吧。

uniapp之屏幕右侧出现滚动条去掉、隐藏、删除【好用！】

m0_49714202的博客

12-16

7251

uniapp之屏幕右侧出现滚动条去掉、隐藏、删除【好用！】

uni-app - 去除隐藏页面右侧垂直滚动条（App/全平台）

王二红

12-23

4919

前言 uni-app 项目中，想去除右侧滚动条很简单，只需要进行简单配置即可。全局配置全局配置下，除了 app 平台有差异(所以 app-plue 单独配置下)都会生效。 "globalStyle": { //全局配置 "scrollIndicator":"none", // 不显示滚动条 "app-plus":{ "scrollIndicator":"none" // 在APP平台都不显示滚动条 } } 局部配置与全局配置一样，只不

uni-app - 去除 “＜scroll-view＞“ 超出高度出现的滚动条（全局或局部均可）

王二红

08-12

4036

uni-app-去除``超出高度出现的滚动条（全局或局部均可），uni-appscroll-view怎么去除滚动条，uniapp去除scroll-view滚动条的方法，uni-appscroll-view取消滚动条显示，uniapp去除滚动条的方法，uni-appcss去掉容器滚动条，uniapp去除滚动条近期在做一个uniapp项目,进行的时候发现内容超出后右侧滚动条难以隐藏。...

uniapp去掉全局滚动条

最新发布

05-22

### UniApp 中隐藏全局滚动条的方法在 UniApp 开发中，可以通过多种方式实现全局滚动条的隐藏功能。以下是几种常见方法及其具体实现： #### 方法一：通过 CSS 样式隐藏滚动条 可以利用 `::-webkit-scrollbar` 的...

uni-app去掉右侧滚动条

DZQ1223的博客

07-03

3706

注意：::-webkit-scrollbar前要有 scroll-view 的标签名或类名。注意：配置完毕后，需要重启编辑器并重新编译。只能使用于在 scroll-view 中。

记录：uniapp去除滚动条

cwdWendy的博客

08-01

403

【代码】记录：uniapp去除滚动条。

uniapp去除页面的滚动条 APP 小程序默认页面 scroll-view 全部去除

qq_43193513的博客

11-24

776

【代码】uniapp去除页面的滚动条 APP 小程序默认页面 scroll-view 全部去除。

uniapp-取消滚动条

mylamb的博客

09-26

355

但两个都设置之后,我发现左右滑块的滚动条没了,上下的滚动条又有了。1. pages.json里设置。只设置第一个,上下的滚动条会没有。2.App.vue中设置。

[uniapp] scroll-view 取消滚动条

jinwenshuo2007的博客

10-31

411

【代码】[uniapp] scroll-view 取消滚动条。

uni-app scroll-view. 去除滚动条

qq_54030878的博客

01-22

798

-webkit-scrollbar

uni-app中的scroll-view去除滚动条

m0_52374678的博客

01-04

562

uni-app中的scroll-view去除滚动条。

php如何去掉滚动条,uniapp如何取消页面滚动条

weixin_42644410的博客

03-18

140

uniapp取消页面滚动条的方法：1、在【app.vue】的页面中设置全局css样式属性；2、在【page.json】设置默认属性，代码为【"scrollIndicator":"none"】。本教程操作环境：windows7系统、uni-app2.5.1版本，DELL G3电脑，该方法适用于所有品牌电脑。uniapp取消页面滚动条的方法：第一种在app.vue的页面中设置全局css样式属性//第一...