目前使用了以下的方式隐藏垂直滚动条~但ios苹果手机无法隐藏安卓手机和开发者工具是可以显示隐藏的这个方式横向滚动的scroll-view滚动条均可以隐藏~~
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
网友回复:
吴***:
一个简单的办法:子元素可滚动,宽度比视窗宽度略宽,右边有 padding。然后父元素限制横向滚动,宽度为视窗宽度,overflow hidden。
相当于手动把滚动条从视窗内移出去 -_-
A***:
我试了~解决了我的困扰~~非常感谢
A***:系统记录
***:
现在似乎一般都是默认不显示滚动条,当滚动的时候才会显示,手指离开后隐藏;我这边的需求是要一直显示滚动条,也是用css控制:
“`
::-webkit-scrollbar {
width: 6rpx;
height: 6rpx;
}
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3rpx;
}
“`
模拟器和安卓都可以正常显示,但ios不显示,不知道有什么方法可以让一直显示?
***:
已找到解决方法,需要显示滚动条的元素增加以下属性:
-webkit-overflow-scrolling: auto;
感谢此文章:https://www.chengrang.com/ios-scrollbar.html
-webkit-overflow-scrolling属性是定义是否使用回弹效果;默认值是auto;当-webkit-overflow-scrolling设置为touch时,ios会有回弹效果,但是,此时对于滚动条设置的所有样式就会失效,浏览器会使用系统默认的样式以及默认滚动条不显示
爱盈利(aiyingli.com)移动互联网具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。


