<scroll-view scroll-y="true" class="show_thumb" style="height: 300rpx; background-color: pink;">
<view v-for="(item,i) in 40" style="line-height: 80rpx;">{{i}}</view>
</scroll-view>
/deep/ ::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px !important;
height: 1px !important;
overflow: auto !important;
background: #ccc !important;
-webkit-appearance: auto !important;
display: block;
}
/deep/ ::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px !important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
background: #7b7979 !important;
}
/deep/ ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// border-radius: 10px !important;
background: #FFFFFF !important;
}
rainy_day
- 发布：2023-05-11 11:38
- 更新：2023-10-31 09:45
- 阅读：491
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.3.1
HBuilderX类型： 正式
HBuilderX版本号： 3.7.11
浏览器平台： Safari
浏览器版本： 都不显示
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接写样式就无法一直显示 安卓和pc都可以显示
直接写样式就无法一直显示 安卓和pc都可以显示
预期结果：
ios也可以一直显示滚动条
ios也可以一直显示滚动条
实际结果：
安卓和pc都可以一直显示滚动条 ios真机无法一直显示 滑动时才可以显示滚动条
安卓和pc都可以一直显示滚动条 ios真机无法一直显示 滑动时才可以显示滚动条
bug描述：
scroll-view ios真机 h5滚动条不显示 pc安卓均正常 ios真机无法一直显示 只有滑动时才可以显示
2 个回复
rainy_day (作者)
这个是pc显示的 右边有一个滚动条
ios真机无法显示如下 无法一直显示滚动条
2***@qq.com
请问您解决这个问题了吗？我也遇到了这个问题，解决不了，就算不用scroll-view，直接用一个view来替代，展示滚动条，也不能一直显示，只有再滚动得时候显示而已，后面只能说是给点文字提示，让用户知道这里是可以滚动得而已。