网站滚动鼠标跟随鼠标

Question

  

可能重复：
  Body scroll with mouse position?

我目前正在开发一个围绕卡通房间概念的网站，用户点击房间中的不同对象来显示信息。但是，我已经使房间具有特定数量的像素，有时它对于特定分辨率而言太大，从而导致滚动条。我想知道是否有一些javascript / jquery可以跟随鼠标光标，以便当用户在房间内移动时，整个房间随着它们移动，并且可以隐藏滚动条。 有什么想法可以做到这一点吗？

Answer 1

你当然可以。问题是你应该这样做。

你需要css：

body, html {
  overflow: hidden;
}

然后你监听mousemove事件。示例：javascript onmousemove get relative coordinates

然后相应调整document.body.scrollTop和document.body.scrollLeft。

这是一个jQuery示例：Body scroll with mouse position?

另一个例子：proper use of onmousemove