Javascript 使有吸引力的滚动条与所有浏览器兼容

我正在我的项目中开发聊天和通话应用程序

所以有3个标签

聊天的人

拨号器拨号给特定的人

聊天/通话记录

此选项卡中有3个部分

标题

聊天/通话/历史记录部分

选项卡转换器导航器

我使中间部分可滚动

我想把滚动条弄薄一点。我不想使用浏览器的默认滚动条

为此，我发现“：-webkit scrollbar”仅适用于chrome浏览器

我想将此css应用于所有浏览器

我发现滚动插件，但我不想使用任何外部插件。我想通过使用jquery/css/javascript来解决这个问题

---

是否有任何属性或任何东西可以解决我的问题？

该

：：webkit scrollbar

伪元素是非标准元素，目前无法使此跨浏览器兼容。有很好的理由解释为什么这还没有发展成为标准。想象一下，一些触摸设备的浏览器没有滚动条或滚动条，默认情况下滚动条是隐藏的，只有在滚动时才会显示（以节省宝贵的空间）。定制样式需要适合所有这些用例

因此，我通常建议您不要使用这种方法来设置浏览器滚动条的样式。如果你真的需要一个解决方案，你可以试试。然而，这并不是一个稳健的解决方案。它完全依赖于JavaScript，并且可能在某些设备上运行

---

编辑：有关

的更多信息欢迎访问SO。请访问，了解如何提问。提示：Post effort and Code如果有一件事我希望在我开始编写代码时有人能告诉我，那就是停止尝试重新发明轮子。很有可能有人已经完成了一个完整的开源项目，而一些亚洲贡献者比你更完善了它。