/* 滚动条样式 */

::-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; /*滚动条的颜色*/

}

在苹果手机不能看到，滚动条，模拟器可以看到，真机器不能看到