向滚动条添加填充

Question

我的情况很特殊。我需要创建一个具有自定义滚动条的可滚动区域，该滚动条从容器中略微填充。起初，我正在考虑添加一个额外的容器，该容器将具有必要的填充以创建滚动条本身具有填充的错觉，但是某些元素的背景颜色与附加容器不同，这将明显存在另一个容器而不是具有填充的滚动条。

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

Answer 1

最初，我发现并开始使用 react-custom-scrollbars npm 包，但它似乎有很多未解决的问题，我在实现它时遇到了问题，所以我改用了 simplebar 包，它非常轻量级，工作原理类似于facebook 自定义滚动条。解决了我的问题。