使用JavaScript按屏幕一側滾動

Question

Windows 8具有這種整潔的功能，您可以通過「推動」屏幕一側滾動瀏覽應用程序。

我想知道是否有人有任何想法在JavaScript中實現此目的。

從本質上講，如果將鼠標懸停在屏幕的邊上，屏幕確實不應該滾動，但應該能夠檢測用戶何時試圖超出視口且不能。

這樣的事情可能嗎？

Answer 1

我使用沿的線的東西：

$(window).mousemove(function (e) { 
     if (getIsPageEdge()) { 
      if (lastX == e.pageX) { 
       console.debug('pushing the page'); 
      } 
      var now = new Date().getTime(); 
      if (lastUpdate == null || now - lastUpdate > 500) { 
       lastUpdate = now; 
       lastX = e.pageX; 
      } 
     } 
    }); 

本質上，的OnMouseMove，如果光標是在視口的邊緣，和X值不改變（具有時間延遲加到補償事件處理延遲），然後更改包含div的滾動位置。

Answer 2

當然，你只需要找出他們的算法，如果你想複製它。

例如，您可以跟蹤指針的最後幾個已知位置，以確定速度和方向，並在方向改變時立即停止滾動。