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

Question

我们在一个页面上有2个导航栏，它们都可以在Safari，Chrome和Firefox中使用。使用IE浏览器，它们只在部分时间内工作。当页面加载时，它们都工作，但是一旦用户开始滚动，第二个停止工作，直到它被粘贴到顶部并替换第一个，然后它再次工作。请参阅此处的页面：

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

我认为它与Bootstrap词缀有关？就像我说的那样，该页面在Safari，Chrome和Firefox中运行良好。有什么想法吗？

Answer 1

.mainDiv元素高602像素，与第二个导航重叠。您无法点击到 .mainDiv，因此您无法点击其下方的导航。这个元素的高度不必要地大;如果将其设置为480px，则可以解决问题。

您也可以在Chrome中看到同样的问题 - 从第二个菜单上方向下移动鼠标。菜单的前25％将无法识别您的鼠标悬停它。低3/4左右。

以下是Chrome 43演示同样的问题：