去掉scroll-view组件右侧滚动条

已于 2022-08-10 19:48:46 修改
阅读量351 收藏 1
点赞数
文章标签： 前端 javascript html
于 2022-08-10 19:47:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZGL226349/article/details/126273254
版权

当我们需要去掉scroll-view滚动条时可以这样写

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

L了L
关注
微信小程序 - 完美去除 ＜scroll-view＞ 滚动条，保证 100% 去掉隐藏苹果 ios 系统、安卓滚动条（解决 ios 苹果真机scroll-view无法隐藏滚动条）详细示例代码，保证可用
王佳斌
05-28 5938
微信小程序scroll-view滚动条，微信小程序去除隐藏去掉scroll-view滚动条，微信小程序scroll-view苹果ios系统手机去除滚动条，微信小程序scroll-view如何去掉滚动条，微信小程序scroll-view隐藏滚动条，微信小程序scroll-view无法去掉 ios 苹果系统的滚动条，微信小程序隐藏scroll-view滚动条在苹果ios系统不生效，微信小程序scroll-view在苹果ios系统下有滚动条怎么去除隐藏，微信小程序scroll-view去掉ios苹果系统滚动条，微
微信小程序 - 详细实现 scroll-view 滚动视图区域强力隐藏去除滚动条，兼容“安卓/苹果“手机系统真机完美去掉横向和纵向滚动条效果，解决苹果ios真机无法隐藏去掉滚动条问题，隐藏横纵滚动条！
最新发布
王佳斌
08-18 4347
微信小程序，vue2，vue3，可滚动视图区域组件，scroll-view，滚动条，去除，隐藏，横向滚动条，纵向滚动条，安卓手机，苹果ios手机，无法去除隐藏滚动条，苹果安卓滚动条隐藏，ios苹果无法隐藏，没效果无效，真机出现滚动条如何隐藏，在安卓机上出现横向滚动条的解决办法，滚动视图隐藏横向滚动条，有滚动条怎么办，就是隐藏不掉，微信小程序去除隐藏去掉scroll-view滚动条，苹果ios系统手机去除，如何去掉滚动条，无法去掉ios苹果系统的滚动条，最好用的方法，依旧不行，苹果ios系统不生效，css去除
scroll-view取消滚动条
Dreamer
05-07 1103
之前在写scroll-view时，发现移动端自己带了滚动条，在横向滚动的时候就比较不好看，于是想着去除掉页面的滚动条。当时在uni-app官网上看到使用。控制滚动条是否出现，默认为false,于是我就十分的迷惑，既然默认false，为什么我没有设置就出现了滚动条…于是在设置了这两个属性之后就成功去除了滚动条。在百思不得其解的时候去翻了一下微信开放文档，发现。是默认为true的，并且需要和。
微信小程序---scroll-view 设置scroll-x或者scroll-y如何去掉滚动条
heavenz19的博客
05-09 2842
第二种方法：添加（ enhanced :show-scrollbar=“false”）
uniapp中scroll-view去除滚动条
bjt1015999的博客
02-26 6012
uniapp中我们使用scroll-view实现横向或者竖向滑动时，我们会发现横向或者竖向是有一个滚动条的，不是很美观，那么我们就可以尝试去去除一下滚动条（如果采用以下官方方法无法去除时，那么请向官方反馈信息）width: 0!important;height: 0!important;说明：可能在某个设备上还是有问题，等待官方小助手解决吧。
uni-app - 去除 “＜scroll-view＞“ 超出高度出现的滚动条（全局或局部均可）
王佳斌
08-12 3617
uni-app - 去除 `` 超出高度出现的滚动条（全局或局部均可），uni-app scroll-view怎么去除滚动条，uniapp去除scroll-view滚动条的方法，uni-app scroll-view取消滚动条显示，uniapp去除滚动条的方法，uni-app css 去掉容器滚动条，uniapp去除滚动条 近期在做一个uniapp项目,进行的时候发现内容超出后右侧滚动条难以隐藏。...
uniapp [全端兼容] - 详细实现scroll-view滚动视图区域强力隐藏去除滚动条，兼容“安卓/苹果“手机系统真机完美去掉横向和纵向滚动条效果，解决苹果ios真机无法隐藏去掉滚动条问题！
王佳斌
04-01 3754
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，可滚动视图区域组件，scroll-view，滚动条，去除，隐藏，横向滚动条，纵向滚动条，安卓手机，苹果ios手机，无法去除隐藏滚动条，苹果安卓滚动条隐藏，ios苹果无法隐藏，没效果无效，真机出现滚动条如何隐藏，在安卓机上出现横向滚动条的解决办法，滚动视图隐藏横向滚动条，有滚动条怎么办，就是隐藏不掉，微信小程序去除隐藏去掉scroll-view滚动条，苹果ios系统手机去除，如何去掉滚动条，无法去掉io
小程序如何隐藏滚动条
Shimeng_1989的博客
07-11 3068
小程序如何 隐藏滚动条/隐藏scroll-view滚动条
小程序scroll-view如何去除滚动条
swx999的博客
03-29 387
::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
html，小程序scroll-view去除滚动条
01-08
进入正题，有时候在项目中，需求不想要某些滚动条怎么办呢？ 首先看HTML解决滚动条的方法。 方法1.父盒子overflow:hidden 子盒子比父盒子宽17 实现视觉隐藏滚动条（为什么是17px呢，因为自己测了下，滚动条宽度就是17px） 子盒子添加内容溢出滚动条显示属性 overflow-y:scroll 并设置好宽高 可实现隐藏滚动条也可是滚轮触发滑动，使用此方法 无法监听window的滚动条事件。 代码示例： .box{ width:300px; height: 400px; overflow: hidden; }
去掉scroll-view滚动条方法
weixin_34130389的博客
10-22 2016
::-webkit-scrollbar{ width:0; height:0; color:transparent; } 转载于:https://www.cnblogs.com/studyh5/p/9830096.html
[uniapp] scroll-view 取消滚动条
jinwenshuo2007的博客
10-31 353
【代码】[uniapp] scroll-view 取消滚动条。
小程序scroll-view去除滚动条
MR.杜的博客
02-02 192
使用官方配置项渲染时,ios滚动会发生卡顿 ，原因和enhanced有关。
微信小程序scroll-view去除滚动条
u013611033的博客
12-09 442
copy less or scss .father{ //父元素 width: 100vw; height: 100vh; overflow-x: hidden; overflow-y: auto; //隐藏滚动条 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; color: transparent; display: none; } }
微信小程序scroll-view去掉滚动条
qq_45021462的博客
06-14 9841
微信小程序scroll-view去掉滚动条的解决方案
scroll-view去掉滚动条属性
qq_57325395的博客
07-13 204
【代码】scroll-view去掉滚动条属性。
scrollview 去掉滚动条
MMjiajia132的专栏
09-09 657
很简单  只需要加上android:scrollbars="none"
scroll-view怎么隐藏滚动条
05-03
在小程序中，可以使用 `scroll-view` 的 `scroll-view.scroll-y` 属性来控制是否显示垂直方向的滚动条，使用 `scroll-view.scroll-x` 属性来控制是否显示水平方向的滚动条。 如果想隐藏垂直方向的滚动条，可以将 `scroll-view.scroll-y` 属性设置为 `false`。示例代码如下： ```xml <scroll-view scroll-y="false"> <!-- scroll-view 的内容 --> </scroll-view> ``` 如果想同时隐藏水平方向和垂直方向的滚动条，可以将 `scroll-view.scroll-x` 和 `scroll-view.scroll-y` 属性都设置为 `false`。示例代码如下： ```xml <scroll-view scroll-x="false" scroll-y="false"> <!-- scroll-view 的内容 --> </scroll-view> ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值