透明背景滚动条显示在内容顶部

Question

我想实现这一目标：

我已经实现的目标：https :
//plnkr.co/edit/a3XfJo6Fxtru9V5zpVYR?p=preview

.dropdown-menu { //container
    overflow-y: overlay;
    background-color: transparent;
}
.dropdown-menu::-webkit-scrollbar {
    width:10px;
}
.dropdown-menu::-webkit-scrollbar * {
    background:transparent;
}
.dropdown-menu::-webkit-scrollbar-thumb {
    background:$blue !important;
    border-radius: 6px;
}

有人对我如何做到这一点有任何想法吗？如何让项目保持在它们的容器和容器的滚动条之间，使它们看起来像设计？我尝试将 z-index 放在元素中，但似乎不起作用。

Answer 1

http://manos.malihu.gr/jquery-custom-content-scroller/
这个插件工作得很好。建议！修改起来也很方便！