小程序隐藏或自定义 scroll-view滚动条

引用:scroll-view滚动条

css 隐藏滚动条

::-webkit-scrollbar { width: 0; height: 0; color: transparent;}

自定义滚动条样式

::-webkit-scrollbar {

  width: 10rpx;

  height: 10rpx;

  color: transparent;

}

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

::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 20rpx rgba(0,0,0,0.3);

border-radius: 20rpx;

background-color: #ffffff;

}

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

::-webkit-scrollbar-thumb

{

border-radius: 20rpx;

-webkit-box-shadow: inset 0 0 20rpx rgba(0,0,0,.3);

background-color: rgba(0,0,0,.3);

}

你可能感兴趣的:(小程序隐藏或自定义 scroll-view滚动条)