IE& Chrome滚动条干扰菜单导航

时间:2014-01-27 14:31:22

标签: html css internet-explorer google-chrome

我写了一个简单的HTML CSS导航菜单位置:为网站修复。 菜单下拉菜单设置为溢出-y:滚动,子菜单位于父项旁边 (见http://www.goodskiguide.com/gsgs-complete-a-z-resorts-guide/

滚动条不会干扰firefox,因为它只会在您实际滚动时显示,但在Chrome& IE它始终存在,所以当你向右导航光标选择子li时,悬停属性就会丢失。

任何人都可以建议我如何解决这个问题。如果修复enplyos jQuery那么请你详细说明,因为我还不是你的jQ知识。

由于

1 个答案:

答案 0 :(得分:0)

我提出了一种简单的解决方案。解决方案基本上是将通常位于滚动条另一侧的容器的左侧填充设置为接近滚动条宽度的内容,如下所示

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

因此,应该有效地创建一个覆盖滚动条的透明左端,这样当鼠标悬停在滚动条上时,它实际上会悬停在滚动条另一侧的内容上,从而保持它的悬浮。 这是显示示例的fiddle,它在chrome,IE和firefox中适用于我