2

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

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

我尝试查看压缩代码,但尚未找到解决方案。我创建了一个自定义滚动条,其手柄上有一个 mousedown 事件,它在 mousemove 上向主体添加了一个事件侦听器。但我显然无法检测到鼠标移出窗口,因此滚动条的可用性非常差。

即使在窗外,他们如何设法跟踪鼠标移动?有没有更好的跨浏览器,我想念的聪明方法?

提前致谢

4

2 回答 2

1

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

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

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

于 2012-05-12T03:14:33.197 回答
0

您可以自定义事件 onmousedown 和 onmouseup,当您将焦点移出窗口时,它仍然会发生。

于 2012-05-12T03:24:52.303 回答