vue change in the scroll bar style (CSS)

EDITORIAL : I was sailing to the sea , the nickname comes from the name of my girlfriend's name as well. I love technology, open source love, love programming. 技术是开源的、知识是共享的。

This blog is a little summary and record their own learning, if you have the Java , algorithms interested, you can focus on my dynamic, we learn together.

用知识改变命运，让我们的家人过上更好的生活.

Today, in a project of their own development, the demand is for the browser to scroll thinner event. I thought for a long time to complete, in the current test, the scroll bar is not supported in IE browser.

scrollbar.css

@charset "utf-8";
::-webkit-scrollbar  
{  
    width: 5px;  
}
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    border-radius: 10px;  
    background-color: rgba(0,0,0,0.1); 
} 
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: rgba(0,0,0,0.1);
} 

In index.htmlintroducing the style

<link rel="stylesheet" href="static/css/scrollbar.css">

---

Due to the limited level, this blog will inevitably be inadequate, I implore you Gangster wing!