自定义 CSS 滚动条在最右边的像素 0 上没有响应
Custom CSS Scrollbar not responding on far right pixel 0
当光标被拖到最右边的第 0 个像素时，自定义滚动条没有响应，而是选择了文本，就像拖到正文中的任何地方一样。
将浏览器设为全屏或最大化，这样您就知道您没有在 window 调整大小边框上拖动。 （在 Mac 上稍微滚动一下，出现 OS 滚动条。）
- 不只是我的项目，随便看看CSS-Tricks page。
- 默认 OS 滚动条按预期工作（如 Whosebug 上的此处），自定义滚动条不会（如 CSS-Tricks）。
- 要在项目中重现，只需声明
::-webkit-scrollbar { ... }，例如。给它一个宽度和背景颜色。是的，::-webkit-scrollbar-thumb 是端到端的，我认为这不是问题。
- 发生在 Chrome 和 Electron 上，不知道 Firefox。
- 这很重要，因为它是最后一个像素，即“向右拖动很远”的鼠标操作。这不仅仅是一个像素问题！
有人知道一个优雅的解决方案吗？干杯
明白了，非常意外的行为。
将正文、主容器或任何主滚动设置为 position: fixed 或 absolute，这样您就可以访问 right 属性.
设置right: -1px;
当光标被拖到最右边的第 0 个像素时，自定义滚动条没有响应，而是选择了文本，就像拖到正文中的任何地方一样。
将浏览器设为全屏或最大化，这样您就知道您没有在 window 调整大小边框上拖动。 （在 Mac 上稍微滚动一下，出现 OS 滚动条。）
- 不只是我的项目，随便看看CSS-Tricks page。
- 默认 OS 滚动条按预期工作（如 Whosebug 上的此处），自定义滚动条不会（如 CSS-Tricks）。
- 要在项目中重现，只需声明
::-webkit-scrollbar { ... }，例如。给它一个宽度和背景颜色。是的，::-webkit-scrollbar-thumb是端到端的，我认为这不是问题。 - 发生在 Chrome 和 Electron 上，不知道 Firefox。
- 这很重要，因为它是最后一个像素，即“向右拖动很远”的鼠标操作。这不仅仅是一个像素问题！
有人知道一个优雅的解决方案吗？干杯
明白了，非常意外的行为。
将正文、主容器或任何主滚动设置为 position: fixed 或 absolute，这样您就可以访问 right 属性.
设置right: -1px;