根據鼠標上下移動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移動

回答

相關問題