小程序
小游戏
企业微信
微信支付
扫描小程序码分享
::-webkit-scrollbar {
width
:
0
;
height
color
transparent
}
scroll-view 使用上述代码 无法隐藏滚动条,ios 上 有的时候有,有的时候没有
15 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把这个样式扔到全局样式中:app.wxss中:
display: none;
然后重要的细节来了:
外层容器的高度要使用明确的值:100%或者680px这种值,如果使用auto 隐藏滚动条不起作用。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
尝试子元素可滚动,宽度比视窗宽度略宽,右边有 padding。然后父元素限制横向滚动,宽度为视窗宽度,overflow hidden。
不好意思没看懂,能不能再说说
这种解决方式太野了吧
最好的解决办法就是不用<scroll-view>,用<view>代替,设置 overflow-y: auto,滚动条用下面的CSS去掉,兼容ios/android
display
none
慎重用overflow-y: auto
认真的吗?????
scroll-view(scroll-x="true", :show-scrollbar="false" :enhanced="true")
scroll-view ::-webkit-scrollbar {
appearance: none;
color: transparent;
width: 0;
height: 0;
增加下面的属性给你的scroll-view :enhanced="true" :show-scrollbar="false" 错误用法: enhanced="true" show-scrollbar="false"
enhanced="{{true}}"
show-scrollbar="{{false}}"
如果是页面的话,可以给容器定高,同时给大于页面宽的width
```
.container{
width:900rpx;
height:100vh;
overflow-x:hidden;
.类选择器 /deep/ ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; }
有些人是托吗?明明大部分不行的办法,在那,行行行,有用,云代码?这不扯淡~
别用scroll-view,用view去做滚动,css原生的禁用滚动条样式
::-webkit-scrollbar{
设置下滚动条隐藏,这才是真正的可行办法,不过好像没看到小程序里面有修改dom的操作,之后对dom的修改操作不知道改如何实现。
使用了最上面官方的方法 解决了
怎么解决,指导一下
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把这个样式扔到全局样式中:app.wxss中:
::-webkit-scrollbar {
display: none;
}
然后重要的细节来了:
外层容器的高度要使用明确的值:100%或者680px这种值,如果使用auto 隐藏滚动条不起作用。
display:none;
width:0;
height:0;
color:transparent;
}
尝试子元素可滚动,宽度比视窗宽度略宽,右边有 padding。然后父元素限制横向滚动,宽度为视窗宽度,overflow hidden。
不好意思没看懂,能不能再说说
这种解决方式太野了吧
最好的解决办法就是不用<scroll-view>,用<view>代替,设置 overflow-y: auto,滚动条用下面的CSS去掉,兼容ios/android
::-webkit-scrollbar {
display
:
none
;
width
:
0
;
height
:
0
;
color
:
transparent
;
}
慎重用overflow-y: auto
认真的吗?????
scroll-view(scroll-x="true", :show-scrollbar="false" :enhanced="true")
scroll-view ::-webkit-scrollbar {
appearance: none;
color: transparent;
display: none;
width: 0;
height: 0;
}
增加下面的属性给你的scroll-view :enhanced="true" :show-scrollbar="false" 错误用法: enhanced="true" show-scrollbar="false"
enhanced="{{true}}"
show-scrollbar="{{false}}"
如果是页面的话,可以给容器定高,同时给大于页面宽的width
```
.container{
width:900rpx;
height:100vh;
overflow-x:hidden;
}
```
.类选择器 /deep/ ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; }
有些人是托吗?明明大部分不行的办法,在那,行行行,有用,云代码?这不扯淡~
别用scroll-view,用view去做滚动,css原生的禁用滚动条样式
::-webkit-scrollbar{
display: none;
}
设置下滚动条隐藏,这才是真正的可行办法,不过好像没看到小程序里面有修改dom的操作,之后对dom的修改操作不知道改如何实现。
使用了最上面官方的方法 解决了
怎么解决,指导一下