根据鼠标上下移动div移动

我有这个旁边的元素，它有一个position:fixed;属性。它里面，我有另一个div.inner将举行，这可能是许多因素，因此可能会超过window.height();根据鼠标上下移动div移动

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

请看看这个website，它确切地证明了我需要在左边是他们有标志和菜单。尝试在该元素上上下移动鼠标并查看。

Here是我的尝试，没有那么好。

来源

2015-12-11 Joe Ng' ethe

当处理鼠标事件时，我会使用pageY而不是pageX。 ;-) –

@PeterPaulKiefer的确是伴侣。谢谢一堆。我忽略了这一点。 –

Im不会写入整个代码，但是从页面的概念是：

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)

当然及插值顶部/底部取决于鼠标位置之间的现在的位置。另外，在你的问题中使用术语“鼠标滚动”会使其理解糊涂，我相信“鼠标移动”是一个更好的措辞。 “滚动”让我想起鼠标滚轮或页面滚动

来源

2015-12-11 09:35:53 BobbyTables

感谢您的评论。按照您的建议编辑了术语。 –

根据鼠标上下移动div移动

回答

相关问题