使用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

当然，你只需要找出他们的算法，如果你想复制它。

例如，您可以跟踪指针的最后几个已知位置，以确定速度和方向，并在方向改变时立即停止滚动。