vue 项目中自定义scroll样式

css3中可以设置滚动条的样式，但是兼容性一直被受争议，偶然看到一个css+js 的方式自定义一个滚动条，现在把他分享出来
感谢开源项目@vue-tiny-code

上代码

父页面引用

  

    
      

        

          {{ font }}
        
      
    
  

.demo-container {
  width: 400px;
  height: 400px;
  margin: 5rem auto;
}

效果如下

image.png