2

Googleドキュメントで見た機能を再現しようとしています。

Google Docsのスクロールバーはカスタムの外観を備えており、明らかにネイティブのものではありませんが、ハンドルをマウスダウンし、ウィンドウの外にマウスを移動して上下にドラッグすると、それに応じてスクロールバーが機能します。

圧縮されたコードを調べてみましたが、まだ解決策が見つかりませんでした。ハンドルにmousedownイベントがあり、mousemoveの本体にイベントリスナーを追加するカスタムメイドのスクロールバーを作成しました。しかし、私は明らかにマウスがウィンドウから出て行くのを検出することができず、これが原因でスクロールバーの使いやすさがかなり損なわれています。

彼らはどうやって窓の外でもマウスの動きを追跡することができますか？私が見逃しているより良いクロスブラウザ、賢い方法はありますか？

前もって感謝します

4

2 に答える 2

1

彼らがしているのは、css を使用して、overflow-y がスクロールに設定されている div の組み込みスクロール機能のスタイルを設定することだけです。

これを確認するには、chrome または firefox で開発者ツールを使用してください。

Firefox のカスタム CSS スクロールバー スクロール バーのスタイル設定に関する情報

于 2012-05-12T03:14:33.197 に答える
0

onmousedownとonmouseupのイベントをカスタマイズできます。ウィンドウの外に焦点を合わせても、それは引き続き発生します。

于 2012-05-12T03:24:52.303 に答える