IE和Chrome滾動條幹擾菜單導航

我寫了一個簡單的HTML CSS導航菜單位置：固定爲一個網站。菜單下拉菜單設置爲溢出-Y：滾動和孩子ULS是旁邊的家長（見http://www.goodskiguide.com/gsgs-complete-a-z-resorts-guide/）IE和Chrome滾動條幹擾菜單導航

滾動條不會在Firefox干預，因爲它只有當你真正是出現滾動，但在Chrome瀏覽器& IE它始終存在，所以當您將光標導航到右側以選擇一個孩子時，懸停屬性會丟失。

任何人都可以建議我如何解決這個問題。如果修復enplyos jQuery，那麼請你提供詳細信息，因爲我還沒有完全瞭解我的jQ知識。

謝謝

我沒有問題在Chrome ... – ElendilTheTall

你的意思是度假村搜索？對我而言，在Firefox（Win 7，FF 29每晚）中，滾動條總是在那裏。試圖到達子菜單時，將鼠標懸停在滾動條上會使其全部消失。 –

我不知道如果你之前或之後看過我刪除了搜索，但它現在在www.goodskiguide.com/testpost-2 – user3205234

我想出了一個簡單的解決方案。該解決方案基本上是設置在填充左，通常是在滾動條的另一邊的東西接近這樣

ul{padding-left:30px;} //or whatever the width of the scroll bar is

滾動條的寬度容器所以應該有效地創建一個透明的左端覆蓋滾動條，這樣當鼠標懸停在滾動條上方時，它實際上懸停在滾動條另一側的內容上，從而保持滾動條的懸停狀態。這裏的fiddle顯示樣品，它在鉻，IE和火狐工作我

2014-01-29 00:09:05 Olumide

回答