如何使用 CSS 使 div 上的滚动条变粗？

如果我使用 CSS 溢出属性：

overflow: scroll;

默认情况下我得到一个细滚动条。我如何设计它以获得宽（且平坦）的滚动条？

您可以在这里找到有关如何在多个浏览器上更改滚动条设计的答案：https://stackoverflow.com/a/14150577/1564840 https://stackoverflow.com/a/14150577/1564840

但这意味着每个浏览器（即/chrome/mozilla..）都有不同的CSS设置。这就是为什么我建议你使用 javascript 库，这里有几个例子：http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/ http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/。这些 js 库为大多数浏览器提供支持。

如果您选择编辑 CSS，请小心，因为“position”属性会影响滚动显示。您可能会在 Safari 浏览器或移动设备上发现一些问题。