收藏
回答

小程序滚动条样式在ios的兼容性问题?

/* 滚动条样式 */

::-webkit-scrollbar {

  width: 4rpx; /*滚动条的宽度*/

  height: 4rpx;

  color:#ffffff;

}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  background-color:#FFFFFF;

}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color:#3385ff; /*滚动条的颜色*/

}

安卓手机出现,苹果手机不出现初始滚动条

回答关注问题邀请回答
收藏

5 个回答

  • 粥
    2021-07-01

    ::-webkit-scrollbar {


      display: none;


    }

    全都不要的话,直接在你所需地方css里面加一条,就全没有了。

    2021-07-01
    有用 1
    回复
  • 李好香噢
    李好香噢
    2023-04-12

    你好,请问你解决了吗

    2023-04-12
    有用
    回复
  • 王紫瑶
    王紫瑶
    2022-12-22

    2022-12-22了 是不是还没解决!

    2022-12-22
    有用
    回复
  • letwang
    letwang
    2021-12-17

    ::-webkit-scrollbar {

        display: none;

    }


    亲测,Iphone苹果IOS去除小程序滚动条scroll-view样式成功~

    2021-12-17
    有用
    回复
  • 乐乐
    乐乐
    2021-06-18

    解决了吗,前辈

    2021-06-18
    有用
    回复
登录 后发表内容
问题标签