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

【问题标题】：Second Navigation bar not working when scroll in Internet Explorer在 Internet Explorer 中滚动时，第二个导航栏不起作用
【发布时间】：2015-05-29 21:59:05
【问题描述】：

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

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

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

【问题讨论】：

标签： twitter-bootstrap internet-explorer navigation affix

【解决方案1】：

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

您也可以在 Chrome 中看到同样的问题 - 从第二个菜单上方向下移动鼠标。菜单顶部的 25% 不会将您的鼠标识别为悬停在它上面。较低的 3/4 左右会。

下面是展示相同问题的 Chrome 43：

【讨论】：

已修复！我想这些问题是我在 75% 的重新设计过程中接管一个不稳定的网页设计师所得到的。感谢您的帮助！