javascript - マウスの移動時にウィンドウをスクロール

Question

Hello all

私が意味するのは、マウスがウィンドウの端 (x または y または両方) に向かって移動している間、ページをスクロールしたいということです。マウスの動きが止まると、ページのスクロールを停止します。

onClick イベントまたはウィンドウの端にあるスクロール ゾーンの使用に基づいてスクロールする方法の例は多数ありますが、マウス カーソルの動きに基づいたものはあまりありません。

どんな助けでも大歓迎です。

Answer 1

Web ページは、スクロール バー、ページ/ホーム/終了/矢印キーなどを使用してスクロールするように設計されています。ページに不十分な理由はありますか? 通常、期待される機能を変更することはお勧めできません。

mousemoveイベントの様子はこちらからご覧いただけます。とにかく、以下のコードは機能するはずですが、使用することはお勧めしません。敏感なマウスを持っている人にとっては、特に方向感覚を失う可能性があります。

// Variables for current position
var x, y;

function handleMouse(e) {
  // Verify that x and y already have some value
  if (x && y) {
    // Scroll window by difference between current and previous positions
    window.scrollBy(e.clientX - x, e.clientY - y);
  }

  // Store current position
  x = e.clientX;
  y = e.clientY;
}

// Assign handleMouse to mouse movement events
document.onmousemove = handleMouse;