小程序
小游戏
企业微信
微信支付
扫描小程序码分享
目前使用了以下的方式隐藏垂直滚动条~但ios苹果手机无法隐藏~~安卓手机和开发者工具是可以显示隐藏的~~这个方式横向滚动的scroll-view滚动条均可以隐藏~~
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
怎么解决的
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
-webkit-overflow-scrolling: auto;
这个属性不是 touch 的话，就没有惯性滚动效果了，体验会很糟糕的...
已找到解决方法，需要显示滚动条的元素增加以下属性：
感谢此文章：https://www.chengrang.com/ios-scrollbar.html
-webkit-overflow-scrolling属性是定义是否使用回弹效果；默认值是auto;当-webkit-overflow-scrolling设置为touch时，ios会有回弹效果，但是，此时对于滚动条设置的所有样式就会失效，浏览器会使用系统默认的样式以及默认滚动条不显示
小程序也不是浏览器呀
现在似乎一般都是默认不显示滚动条，当滚动的时候才会显示，手指离开后隐藏；我这边的需求是要一直显示滚动条，也是用css控制：
```
width: 6rpx;
height: 6rpx;
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3rpx;
模拟器和安卓都可以正常显示，但ios不显示，不知道有什么方法可以让一直显示？
我试了~解决了我的困扰~~非常感谢
一个简单的办法：子元素可滚动，宽度比视窗宽度略宽，右边有 padding。然后父元素限制横向滚动，宽度为视窗宽度，overflow hidden。
相当于手动把滚动条从视窗内移出去 -_-
请问现在有没有优雅的方式？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
怎么解决的
-webkit-overflow-scrolling: auto;
这个属性不是 touch 的话，就没有惯性滚动效果了，体验会很糟糕的...
已找到解决方法，需要显示滚动条的元素增加以下属性：
感谢此文章：https://www.chengrang.com/ios-scrollbar.html
小程序也不是浏览器呀
现在似乎一般都是默认不显示滚动条，当滚动的时候才会显示，手指离开后隐藏；我这边的需求是要一直显示滚动条，也是用css控制：
```
::-webkit-scrollbar {
width: 6rpx;
height: 6rpx;
}
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3rpx;
}
```
模拟器和安卓都可以正常显示，但ios不显示，不知道有什么方法可以让一直显示？
我试了~解决了我的困扰~~非常感谢
一个简单的办法：子元素可滚动，宽度比视窗宽度略宽，右边有 padding。然后父元素限制横向滚动，宽度为视窗宽度，overflow hidden。
相当于手动把滚动条从视窗内移出去 -_-
请问现在有没有优雅的方式？