令人惊讶的是，滚动条很复杂，尤其是在跨浏览器和跨平台的情况下。
有时它们占用空间，有时则不占用。有时这受设置影响，有时则不受影响。有时您可以看到它们，有时则看不到，除非您实际上正在滚动。它们的样式以各种不同的方式处理，包括一些最近的发展。
跟随 Zach 的旅程，探索更细、更原生、更尊重用户偏好、更美观的滚动条，特别是对于 最终在这里 的元素级滚动条。
两个浏览器走进了一个滚动条
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分！
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分！
Grrr！太细的滚动条，就在你快要抓住它们的时候就消失了！苹果推广了这种倒退的 UI 设计。令人失望的是，他们也设计了一些最好的滚动条。
让我们分解一下实际发生的事情
它们是目前唯一需要通过不同的输入来执行目标（滚动）的 UI（例如，首先在触控板上扭曲两根手指以使滚动条出现），然后你跑到屏幕边缘去捕捉更好的滚动方法，但是抓取手柄就在你的光标到达那里时消失了！和一个巧克力茶壶一样实用。
什么对滚动条来说是好的？
最后一个像样的滚动条可能是 Mac 系统 6-9 时代的。它们有一个“抓握”的外观。它们非常直观且易于操作。它们的位置与单臂老虎机的臂杆相同。你只需投入硬币并盯着樱桃。你不需要寻找臂杆，它就在那里，随时可以使用。
更具争议性的是（特别是由于 CSS Tricks 有一个很大的彩色品牌滚动条抓取手柄），最好的滚动条往往与整体 UI 匹配。诚然，在 Netscape 时代，这些滚动条有点笨重，有时会导致自动出现水平滚动条，但它们很容易理解。
我一直认为，就在我们的屏幕变大的时候，我们的滚动条变得毫无意义地纤细，并在需要时消失，这真是疯狂。
仅供参考，选择你最喜欢的！
https://www.buzzfeednews.com/article/jwherrman/20-years-of-the-scroll-bar
很棒的有益的文章！
顺便说一句，临时的父元素也需要“overflow:auto”样式。