小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面结构如下:
在开发者工具里并没有出现滚动条,真机上预览出现滚动条,截图如下:
怎么破?
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
视图超出屏幕高度了,做高度控制应该就可以了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
已找到解决方法,需要显示滚动条的元素增加以下属性:
-webkit-overflow-scrolling: auto;
感谢此文章:https://www.chengrang.com/ios-scrollbar.html
-webkit-overflow-scrolling属性是定义是否使用回弹效果;默认值是auto;当-webkit-overflow-scrolling设置为touch时,ios会有回弹效果,但是,此时对于滚动条设置的所有样式就会失效,浏览器会使用系统默认的样式以及默认滚动条不显示
为什么我这边测试真机默认都不显示滚动条的,使用以下样式想让滚动条一直显示:
::-webkit-scrollbar { width: 6rpx; height: 6rpx;}::-webkit-scrollbar-thumb:vertical { background-color: rgba(255, 255, 255, 0.5); border-radius: 3rpx;}
::-webkit-scrollbar {
width: 6rpx;
height: 6rpx;
}
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3rpx;
模拟器和安卓正常显示,IOS不显示,不知道楼主有没有什么新发现?
ios滚动条貌似去不掉
width: 0;
height: 0;
color: transparent;
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
视图超出屏幕高度了,做高度控制应该就可以了
已找到解决方法,需要显示滚动条的元素增加以下属性:
感谢此文章:https://www.chengrang.com/ios-scrollbar.html
为什么我这边测试真机默认都不显示滚动条的,使用以下样式想让滚动条一直显示:
模拟器和安卓正常显示,IOS不显示,不知道楼主有没有什么新发现?
ios滚动条貌似去不掉
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}