根据鼠标移动

Question

我有这个具有position:fixed;属性的元素。在其中，我有另一个div.inner，它将包含可能很多的元素，因此可能超过window.height();

现在，我需要根据div.inner元素上的鼠标滚动事件来解决这个问题。我需要根据鼠标向上或向下滚动事件向上或向下移动内部div。

请看一下这个website，它左边展示了我需要的标识和菜单。尝试在该元素上向上或向下移动鼠标并查看。

Here是我的尝试并没有那么顺利。

Answer 1

我不会写整个代码，但页面中的概念是：

pageHeigth = 200px
menuHeight = 250px
menuOverflow = menuHeight - pageHeight (50px)
Mouse positioned at the top: Menu CSS = "top:0px"
Mouse positioned at the bottom: Menu CSS = "top:-50px" (negative menuOverflow)

当然，根据鼠标位置插入顶部/底部之间的位置。而且，在你的问题中使用术语“鼠标滚动”使其理解起来很模糊，我相信“鼠标移动”是一个更好的措辞。 “Scroll”让我想到鼠标滚轮或页面滚动