Scroll 基于鼠标移动上下移动div
我有一个备用元素，它有一个Scroll 基于鼠标移动上下移动div,scroll,mouseevent,mouselistener,Scroll,Mouseevent,Mouselistener,我有一个备用元素，它有一个位置：fixed属性。在它里面，我有另一个div.inner，它将保存可能很多的元素，因此可能超过window.height（） 现在，我需要基于div.inner元素上的鼠标滚动事件来解决这个问题。我需要根据鼠标上下滚动事件将内部div上下移动 请看看这个，这正好说明了我在左边需要的是他们的标志和菜单。尝试在该元素上上下移动鼠标，然后查看 是我的尝试，但进展不太顺利。我不打算写完整的代码，但页面的概念是： pageHeigth = 200px menuHeight =
位置：fixed属性。在它里面，我有另一个div.inner
，它将保存可能很多的元素，因此可能超过window.height（）
现在，我需要基于div.inner
元素上的鼠标滚动事件来解决这个问题。我需要根据鼠标上下滚动事件将内部div上下移动
请看看这个，这正好说明了我在左边需要的是他们的标志和菜单。尝试在该元素上上下移动鼠标，然后查看
是我的尝试，但进展不太顺利。我不打算写完整的代码，但页面的概念是：
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)
当然，根据鼠标位置，在顶部/底部之间插入位置。而且，在你的问题中使用“鼠标滚动”这个术语会使理解变得模棱两可，我相信“鼠标移动”是一个更好的措辞。“滚动”让我想到鼠标滚轮或页面滚动我不会写完整的代码，但页面的概念是：
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)
当然，根据鼠标位置，在顶部/底部之间插入位置。而且，在你的问题中使用“鼠标滚动”这个术语会使理解变得模棱两可，我相信“鼠标移动”是一个更好的措辞。“滚动”让我想到鼠标滚轮或页面滚动在处理鼠标事件时，我会使用pageY而不是pageX.；-）@彼得·保尔基弗的确是个伴侣。非常感谢。我忽略了这一点。在处理鼠标事件时，我会使用pageY而不是pageX@彼得·保尔基弗的确是个伴侣。非常感谢。我忽略了。谢谢你的评论。我已经按照你的建议编辑了术语。谢谢你的评论。我已经按照你的建议编辑了术语。