IE10 Repaint/Redraw вопрос

Question

Вы можете увидеть эту работу/ломая здесь: http://new.campchampions.com/parents

Вопрос только выплывает в IE10. После того, как пользователь прокрутил несколько путей, навигация будет закреплена (класс fixed добавлен в body, который влияет на hgroup.primary (я знаю, я знаю, что hgroup больше не «вещь». Не судите меня.)) , Если вы вернетесь в начало страницы, он отключится, вернется к норме.

В IE10, когда вы возвращаетесь в верхнюю часть страницы, навигационные элементы исчезают, пока мышь не перемещается вверх по ЛЮБОЙ части желтой полосы. Это сводит меня с ума.

Я попытался использовать JS append/alter content в различных элементах на scrolltop/un-pinning навигации.

У меня есть краткое видео YouTube и показывая вопрос: http://youtu.be/-itTC_j-9YE

Любые мысли или идеи? Это было бы здорово. Благодаря!

Answer 1

Хотя у меня нет твердого ответа по причине этой проблемы с перерисованием, я обнаружил, что мгновенное скрытие jQuery полностью отображает элемент без видимых побочных эффектов.

Использование jQuery JS-хака для добавления класса к элементу HTML в IE10 (см. Willem de Wit's answer в этот quandry), я убедился, что этот код запускается только в IE10.

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