IE10重绘/重绘问题

Ste*_*ner 5 html css repaint redraw internet-explorer-10

你可以在这里看到这个工作/打破:http://new.campchampions.com/parents

这个问题只出现在IE10中.在用户滚动了一些方法之后,导航变得固定(一类fixed添加到body其中的效果hgroup.primary(我知道,我知道hgroup不再是'东西'了.不要判断我.)).如果你回到页面顶部,它会解锁,恢复正常.

在IE10中,当您返回到页面顶部时,导航元素将消失,直到鼠标向上移动到黄色条的任何部分.这让我疯了.

我尝试过让JS在滚动顶部/取消固定导航的各种元素中附加/更改内容.

我有一个简短的YouTube视频,显示了这个问题:http://youtu.be/-itTC_j-9YE

有什么想法或想法吗?那简直太好了.谢谢!

And*_*son 4

虽然我对这个重绘问题背后的原因没有可靠的答案,但我发现瞬时 jQuery 隐藏/显示完全重绘了元素,没有任何可见的副作用。

使用非 jQuery JS hack 将一个类添加到 IE10 中的 HTML 元素(请参阅Willem de Wit对这个难题的回答),我确保此代码仅在 IE10 上触发。

if($('html').hasClass('ie10')) {
  $('.primary').hide(0, function(){$(this).show()});
}
Run Code Online (Sandbox Code Playgroud)