vue修改浏览器的滚动条样式

原创 创建时间:2019-12-06 访问量:127 赞:0 踩:0

当然,写vue修改浏览器滚动条的样式有些不妥。

因为这是css的事情,只要应用中加入全局或某个页面的滚动条样式就要以实现。

以下是示列:

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgb(93, 136, 185);
    --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}

具体可以根据以上代码进行调整即可!

评论
 我想说:
==已经到底了==
关注: 粉丝: 积分:
工联信息网
如有问题请致邮箱:need@glxxw2018.com(仅限本站无法查询到的资料);本站能够查询到的资料请关注“工联信息网”公众号,通过页面提供的资源码查询!
不良信息反馈及侵权投诉建议请致邮箱:accusation@glxxw2018.com