IE10 Repaint/Redraw Ausgabe

Question

können Sie diese Arbeit sehen/zu brechen hier: http://new.campchampions.com/parents

Das Problem taucht nur in IE10 auf. Nachdem der Benutzer ein wenig gescrollt hat, wird die Navigation fixiert (eine Klasse von fixed wird zu der body hinzugefügt, die die hgroup.primary beeinflusst (Ich weiß, ich weiß, dass hgroup kein 'Ding' mehr ist. Verurteile mich nicht.)) . Wenn Sie zum Anfang der Seite zurückkehren, wird die Verbindung aufgehoben, und es wird wieder normal gearbeitet.

In IE10, wenn Sie zurück zum Anfang der Seite gehen, verschwinden die Navigationselemente, bis die Maus über irgendeinen Teil des gelben Balkens bewegt wird. Es macht mich verrückt.

Ich habe versucht, JS anfügen/ändern Inhalt in verschiedenen Elementen auf scrolltop/pinnen die Navigation. http://youtu.be/-itTC_j-9YE

Irgendwelche Gedanken oder Ideen:

Ich habe ein kurzes YouTube-Video zeigt das Problem bekommt? Das wäre großartig. Vielen Dank!

Answer 1

Während ich keine solide Antwort für den Grund hinter diesem Redraw-Problem habe, habe ich festgestellt, dass ein sofortiges jQuery hide/show das Element vollständig ohne sichtbare Nebenwirkungen neu zeichnet.

Mit einem nicht-jQuery JS Hack eine Klasse auf das HTML-Element in IE10 hinzuzufügen (siehe Willem de Wit's answer zu diesem quandry), machte ich sicher, dass dieser Code nur auf IE10 gebrannt.

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