IE10重绘/重绘问题

时间:2013-08-05 22:27:31

标签: html css internet-explorer-10 repaint redraw

您可以在此处查看此工作/中断:http://new.campchampions.com/parents

该问题仅在IE10中出现。用户滚动一点后,导航变为固定(fixed的一类被添加到body,影响hgroup.primary(我知道,我知道hgroup不是'事情'不再。不要评判我。))。如果你回到页面顶部,它会解锁,恢复正常。

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

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

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

任何想法或想法?那简直太好了。谢谢!

1 个答案:

答案 0 :(得分:4)

虽然我对这个重绘问题背后的原因没有可靠的答案,但我发现瞬间jQuery hide / show完全重新绘制了元素而没有任何可见的副作用。

使用非jQuery JS hack在IE10中向HTML元素添加一个类(请参阅Willem de Wit's answer到此quandry),我确保此代码仅在IE10上启动。

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