处理窗口外焦点的 Javascript 滚动条

Javascript scrollbars which handle focus out of the window

本文关键字：Javascript 滚动条焦点窗口处理更新时间：2023-09-26

我正在尝试重现我在Google Docs中看到的功能。

Google Docs 滚动条具有自定义外观，显然不是本地人，但是如果我将鼠标悬停在手柄上，将鼠标移出窗口并上下拖动鼠标，滚动条将相应地工作。

我尝试查看压缩代码，但尚未找到解决方案。我创建了一个自定义的滚动条，句柄上有一个鼠标按下事件，它在鼠标移动时向正文添加一个事件侦听器。但是我显然无法检测到鼠标从窗口出去，因此滚动条的可用性非常蹩脚。

他们如何设法跟踪窗外的鼠标移动？有没有更好的跨浏览器，我错过的聪明方式？

提前致谢

他们所做的只是使用 css 来设置将溢出 y 设置为滚动的div 的内置滚动功能的样式。

只需在chrome或Firefox上使用您的开发人员工具即可查看此内容。

用于 Firefox 的自定义 CSS 滚动条有关样式滚动条的信息

您可以自定义鼠标按下和鼠标向上的事件，当您将焦点放在窗外时，它仍然会发生。