uniapp uni-scroll-view去掉滚动条

最新推荐文章于 2024-08-22 11:53:20 发布

游标卡尺_.

最新推荐文章于 2024-08-22 11:53:20 发布

阅读量634

点赞数 1

文章标签： uni-app css 前端

本文链接：https://blog.csdn.net/wwwwwwzzz/article/details/128227499

版权

/deep/uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
			display: none
}

uniapp uni-scroll-view去掉滚动条

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

游标卡尺_.

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

王佳斌

08-12

3618

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

uniapp-【scroll-view】

if.else.Z

03-19

2268

属性名类型默认值说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时（单位px），触发 scrolltolower 事件 scr

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

uniapp中scroll-view去除滚动条

bjt1015999的博客

02-26

6012

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

uniapp实现区域滚动、下拉刷新、上滑滚动加载更多

最新发布

在职可交流前端开发，包括：web端、uniapp等，欢迎指教。

08-22

6256

scroll-view自定义滚动区域，通过css样式，让滚动区域自适应整个屏幕剩余空间。min-height:0;设置为0

scroll-view取消滚动条

Dreamer

05-07

1104

之前在写scroll-view时，发现移动端自己带了滚动条，在横向滚动的时候就比较不好看，于是想着去除掉页面的滚动条。当时在uni-app官网上看到使用。控制滚动条是否出现，默认为false,于是我就十分的迷惑，既然默认false，为什么我没有设置就出现了滚动条…于是在设置了这两个属性之后就成功去除了滚动条。在百思不得其解的时候去翻了一下微信开放文档，发现。是默认为true的，并且需要和。

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

qq_54030878的博客

01-22

697

-webkit-scrollbar

uni-app scroll-view去除滚动条

ChenXj0.0的博客

09-24

977

/deep/.uni-scroll-view ::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none; width: 0; height: 0; color: transparent; background: transparent; } /deep/::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparen

解决uni-app scroll-view的滚动条 隐藏滚动条，但依旧具备可以滚动的功能

Ylk_manong的博客

07-30

556

记得自己更换类名： /deep/ .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; color: transparent; } ...

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

u011096919的博客

09-15

157

直接给一个深度样式，科学现象就不存在了！ <style> /deep/::-webkit-scrollbar { display: none; width: 0; height: 0; } </style>

详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现

10-17

2. 为了解决这个问题，可以考虑使用一种“野路子”方法，即在scroll-view外包裹一个高度小于scroll-view高度的容器，这样可以截断滚动条的显示部分，从而达到隐藏滚动条的效果。通过调整外部容器的高度，并结合适当...

uniapp scroll-view去掉或者隐藏滚动条

weixin_44606457的博客

07-21

1729

在App.vue里面写样式 /* 解决小程序和app滚动条的问题 */ /* #ifdef MP-WEIXIN || APP-PLUS */ ::-webkit-scrollbar{ display: none; }/* #endif */ /* 解决H5 的问题 *//* #ifdef H5 */ uni-scroll-view .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none } /* #

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

m0_52374678的博客

01-04

527

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

uni-app scroll-view 怎么去除滚动条

weixin_70426591的博客

10-13

1739

滚动条消失

[uniapp] scroll-view 取消滚动条

jinwenshuo2007的博客

10-31

353

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

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

m0_52952413的博客

02-02

2218

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

取消uniapp的scroll-view滚动条

Cwhat的博客

03-25

653

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

uni-app scroll-view取消滚动条显示

weixin_52374211的博客

05-01

652

需要给scroll-view设置高度height; 和 scroll-y=”true”属性 1. scroll-view ::-webkit-scrollbar { //下面三个属性，选一个均可 width: 0; height: 0; background-color: transparent; } 2. /deep/::-webkit-scrollbar { display: none; width: 0; height: 0; c

小程序scroll-view去除滚动条

MR.杜的博客

02-02

192

使用官方配置项渲染时,ios滚动会发生卡顿，原因和enhanced有关。

scroll-view去掉滚动条属性

qq_57325395的博客

07-13

204

【代码】scroll-view去掉滚动条属性。