第二个导航栏在Internet Explorer中滚动时不起作用

Question

我们在一个页面上有2个导航栏，它们都可以在Safari，Chrome和Firefox中完全工作。有了IE，他们只能在部分时间工作。当页面加载时，它们都起作用，但是一旦用户开始滚动，第二个就停止工作，直到它粘贴到顶部并替换第一个，然后再次工作。在这里看到的页面：

http://www.sosc.org/new/orangecounty

我想它是与引导贴上？就像我说的那样，该页面在Safari，Chrome和Firefox中运行良好。有任何想法吗？

Answer 1

.mainDiv元素高度为602px，与第二个导航重叠。你不能点击到.mainDiv，所以你不能点击它下面的导航。这个元素的高度不必要的大，如果将其设置为480px，则可以解决该问题。

您也可以在Chrome中看到相同的问题 - 从第二个菜单上方向下移动鼠标。菜单的前25％不会将鼠标识别为悬停。较低的3/4将会。

下面是Chrome 43以上表明了同样的问题：