第二個導航欄在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以上表明瞭同樣的問題：