IE10 Repaint/Ridisegna problema

Question

si può vedere questo lavoro/rottura qui: http://new.campchampions.com/parents

La questione colture solo fino a IE10. Dopo che l'utente ha scostato un po ', la navigazione diventa bloccata (una classe di fixed viene aggiunta allo body quale effetti lo hgroup.primary (lo so, so che hgroup non è più una "cosa".) Non giudicarmi.)) . Se torni in cima alla pagina, si annulla, torna alla normalità.

In IE10, quando si torna in cima alla pagina, gli elementi di navigazione scompaiono finché il mouse non si sposta su QUALSIASI parte della barra gialla. Mi sta facendo impazzire.

Ho tentato cose come avere JS aggiungere/modificare contenuto in vari elementi su scrolltop/annullare la navigazione.

Ho un breve video YouTube che mostra il problema: http://youtu.be/-itTC_j-9YE

Tutti i pensieri o idee? Sarebbe fantastico. Grazie!

Answer 1

Anche se non ho una risposta solida per il motivo alla base di questo problema di ridisegno, ho scoperto che un jQuery hide/show istantaneo ha completamente risistemato l'elemento senza effetti collaterali visibili.

Utilizzando un hack JS non-jQuery per aggiungere una classe all'elemento HTML in IE10 (vedere Willem de Wit's answer a questa quandry), ho fatto in modo che questo codice venisse attivato solo su IE10.

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