美文网首页
小程序隐藏或自定义 scroll-view滚动条

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

作者: 爱如颖随形 | 来源:发表于2019-05-31 13:32 被阅读0次

    引用: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滚动条

          本文链接:https://www.haomeiwen.com/subject/zsmwtctx.html