メインコンテンツへスキップ

スクロールはどのように動作しますか?

スクロール入力をリアルタイムで分析します。マウスホイール、トラックパッド、タッチスクロールのスクロール方向、デルタ値、速度、滑らかさを確認できます — すべてブラウザ内でローカルに処理されます。

このテストはWheelEventとタッチスクロールデータをキャプチャし、スクロール方向、デルタ値(deltaX、deltaY)、ピクセル/秒のスクロール速度、異なる入力デバイス間のステップ一貫性を表示します。

標準的なマウスホイールのノッチはほとんどのブラウザで100〜120pxのdeltaYを生成しますが、トラックパッドのスクロールは慣性減速を伴うはるかに小さく滑らかなデルタ値を生成します。

Scroll here
Direction
Delta0px
Events/s0

結果の意味は?

結果 範囲 意味
良好 滑らかな減速を伴う一貫したデルタ値 スクロール入力が正常に動作しています。ノッチあたりのデルタ値が均一(マウス)か、滑らかな慣性曲線を表示(トラックパッド)しており、適切なドライバーとハードウェアの機能を示しています。
注意 時折の不規則なデルタ値または方向の逆転 わずかな不整合はスクロールホイールエンコーダーの摩耗、汚れたスクロール機構、または競合するスムーススクロールソフトウェアを示す可能性があります。マウスを使用している場合はスクロールホイールを清掃してください。
不良 不規則なデルタ、スキップされたステップ、逆転した方向 スクロールホイールエンコーダーが故障している可能性があります。古いマウスに多い問題で — ロータリーエンコーダーの接点が時間とともに劣化し、ゴーストスクロールや方向の逆転を引き起こします。

よくある問題と解決策

スクロール方向がランダムに逆転する

摩耗したスクロールホイールエンコーダーの典型的な兆候です。圧縮空気でエンコーダーを清掃してみてください。問題が続く場合、エンコーダー接点が酸化している可能性が高く、マウスの交換が必要かもしれません。

スクロールがカクカクする、またはステップをスキップする

ブラウザ設定でスムーススクロールが有効になっているか確認してください(Chrome: chrome://flags → Smooth Scrolling)。Windowsではマウスドライバーが最新であることを確認してください。一部のサードパーティスクロールスムージングソフトウェアがブラウザのスクロールと競合する可能性があります。

関連ツール

よくある質問

スクロールイベントのdeltaYとは?

deltaYはブラウザのWheelEventが報告する垂直スクロール量です。マウスホイールの場合、1ノッチは通常100〜120pxのdeltaYを生成します。トラックパッドはより小さく連続的な値を生成します。正確な値はOS、ブラウザ、スクロール速度設定に依存します。

トラックパッドのスクロールがマウスホイールと異なる理由は?

トラックパッドはサブピクセルのデルタ値と慣性モメンタムを使用した精密スクロールを使用し、マウスホイールは離散的な段階的デルタを生成します。これは設計によるもので — トラックパッドは滑らかな減速物理を持つタッチ面をシミュレートします。

このテストでナチュラルスクロールとリバーススクロールを検出できますか?

はい。テストは各スクロールイベントの生のdeltaY符号を表示します。下方向の指の動きで正のdeltaYはナチュラル(リバース)スクロールが有効であることを示します。下方向の動きで負のdeltaYは従来のスクロールを意味します。

データはアップロードされますか?

いいえ。すべてのWheelEventとタッチスクロールデータはブラウザ内で完全にキャプチャされ分析されます。いかなるサーバーにも情報は送信されません。