收藏
回答

苹果手机ios系统 在使用scroll-view 组件,内容超出高度,不会默认显示滚动条,安卓手机可

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 微信iOS客户端 8.0.18 2.23.3
<scroll-view class="box" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{true}}">
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>123</view>
      <view>2222222</view>
      <view>2222222</view>
      <view>2222222</view>
      <view>2222222</view>
      <view>2222222</view>
      <view>2222222</view>
      <view>2222222</view>
</scroll-view>
.box{
  width:100%;
  height:300rpx;
  background-color: antiquewhite;
  -webkit-overflow-scrolling: auto;
}
::-webkit-scrollbar{width:9px;height:9px;
  -webkit-overflow-scrolling: auto;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{border-radius: 10px;background-color: rgba(194, 194, 194,0.1);}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(194, 194, 194,0.1);
  background-color: rgba(194, 194, 194, 1);
  -webkit-overflow-scrolling: auto;
  
}
::-webkit-scrollbar-thumb:hover{background-color:#959595;}
回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    2022-04-06

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-04-06
    有用
    回复
登录 后发表内容