自定义滚动条与md-virtual-repeat-scroller

Question

我正在尝试使用不带jQuery的跨浏览器解决方案来自定义md-virtual-repeat-scroller。

我了解到角质材料团队不会实施它：scrollBar: customize scrollbar UX per Material Design specifications. #5064

有没有人达到目标？目前我使用这个CSS解决方案使用webkit，但它并不是所有地方都支持。

.md-virtual-repeat-scroller::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: $grey;
}

.md-virtual-repeat-scroller::-webkit-scrollbar
{
    width: 6px;
    background-color: $grey;
}

.md-virtual-repeat-scroller::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: $primary;
}

感谢。