处理焦点窗外的Javascript滚动条

时间:2012-05-12 03:07:41

标签: javascript scrollbar

我试图重现我在Google文档中看到过的功能。

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

我尝试查看压缩代码,但我还没有找到解决方案。 我已经创建了一个自定义滚动条,在句柄上有一个mousedown事件,它在mousemove上向body添加一个事件监听器。 但是我显然无法检测出窗外的鼠标,因此滚动条的可用性非常低。

他们如何设法跟踪窗外的鼠标移动? 是否有一些更好的交叉浏览器,我错过了聪明的方式?

提前致谢

2 个答案:

答案 0 :(得分:1)

他们所做的只是使用css来设置div的内置滚动功能,该功能设置了overflow-y设置以进行滚动。

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

Custom CSS Scrollbar for Firefox有关样式滚动条的信息

答案 1 :(得分:0)

你可以自定义onmousedown和onmouseup上的事件,当你把注意力集中在窗外时,它仍然会发生。