Javascript滾動條處理窗口焦點

我想重現我在Google Docs中看到的功能。Javascript滾動條處理窗口焦點

谷歌Docs滾動條帶有自定義外觀，顯然不是原生的，但如果我在手柄上打開鼠標，將鼠標移出窗口並上下拖動鼠標，滾動條就會相應地工作。

我試着看壓縮的代碼，但我還沒有找到解決方案。我已經創建了一個自定義的滾動條，並在句柄上添加了一個事件偵聽器到mousemove上的主體上的mousedown事件。但是，我顯然無法檢測到鼠標離開窗口，滾動條的可用性因此而變得非常蹩腳。

他們如何設法追蹤鼠標移動，甚至在窗外？有沒有更好的crossbrowser，我錯過了聰明的方式？

在此先感謝

2012-05-12 framp

這實際上是我有史以來第一個問題，因爲我也很想知道這個 - 它確實會幫助我所有的拖放界面。 –

收藏也是一個非常有趣的問題。 –

所有他們正在使用的CSS樣式的內置有一個div的滾動功能做溢出-Y設置爲滾動。

只需在Chrome或Firefox上使用您的開發人員工具即可查看此內容。

2012-05-12 03:14:33 box86rowh

謝謝你的鏈接，我不認爲這可能是「唯一的」CSS 這是一個遺憾，它不是隻有瀏覽器和webkit！ – framp

，你可以自定義事件onmousedown事件和onmouseup，當你專注窗外，它仍然發生。

2012-05-12 03:24:52 Lerous

但不幸的是，我無法像使用原生滾動條一樣跟蹤鼠標位置。實際效果是，如果您碰巧在窗戶外面拖動手柄，會導致嚴重的停頓。 – framp

回答