Javascript 将鼠标上的div内容移动到容器div上方

我正在研究一个移动地图的概念，想知道是否有人能为我指出正确的方向，或者提供一些已经发生的例子：

问题: 我有一个包含在div中的映射，div比完整映射小。 我想要实现的是，当一个人翻过容器div时，地图会移动。 当然，我们可以通过设置某种边界来控制地图停止移动的位置。 想象一下谷歌地图，但要通过鼠标移动和控制（用户无需点击移动地图）

---

谢谢任何人的帮助

我无法完全理解您在寻找什么，但我想您需要寻找jQuery scroll和mousewheel插件。如果您能更详细一点，我们可以解决这个问题。

我在应用程序中使用插件。这可能会有帮助

如何编写自己的操作系统？你可以看看这个网站。点击-工作链接感谢@anu的链接@jAndy-如果我能降低评论的排名，我会的。我会尽量详细说明我有一个div，比如400x400，它是另一个div的容器/父对象，它是800x800，它有一个映射图像。在任何时候，您只能看到地图的400x400部分。我想做的是让用户不必单击地图并拖动它来查看地图的其他部分。用户不必实际单击400x400块中的任何内容来移动地图。div中的鼠标移动应控制地图的移动。这有助于澄清一些问题吗？