向滚动条添加填充

Question

我的处境很特殊。我需要制作一个具有自定义滚动条的可滚动区域，该滚动条会从容器中稍微填充一下。最初，我在考虑添加一个额外的容器，该容器将具有必要的填充，以产生滚动条本身具有填充的错觉，但是某些元素的背景色与该附加的容器不同，这将使其他容器明显地代替滚动条具有填充。

如您所见，每个单独的容器的背景颜色从主容器溢出滚动条。有什么办法可以向滚动条中添加填充，或者至少可以给人留下深刻印象的技巧？

Answer 1

最初，我已经找到并开始使用react-custom-scrollbars npm软件包，但是似乎有很多未解决的问题，并且在实现时遇到了问题，因此我改用了simplebar软件包，该软件包非常轻巧，工作原理与一个Facebook自定义滚动条。解决了我的问题。