IE10重绘/重绘问题

Question

您可以在这里看到这个工作/崩溃：http://new.campchampions.com/parents

这个问题只出现在IE10上。在用户滚动了一些方式之后，导航就被固定住了( fixed的一个类被添加到body中，这会影响hgroup.primary(我知道，我知道hgroup不再是‘东西’了)。(不要评判我)。如果你回到页面的顶部，它就会恢复正常。

在IE10中，当您回到页面的顶部时，导航元素就会消失，直到鼠标移动到黄栏的任何部分。快把我逼疯了。

我尝试过让JS在滚动顶部/不固定导航的各种元素中添加/更改内容。

我有一个简短的youtube视频展示了这个问题：j-9YE

有什么想法或想法吗？那太好了。谢谢!

Answer 1

虽然这个重绘问题背后的原因我没有确切的答案，但我发现即时的jQuery隐藏/显示完全重新绘制了元素，没有任何明显的副作用。

使用非jQuery黑客将类添加到IE10中的HTML元素(请参阅Willem de Wit's answer来解决这个难题)，我确保这段代码只在IE10上触发。

if($('html').hasClass('ie10')) {
  $('.primary').hide(0, function(){$(this).show()});
}