Дергание fixed блока при скролле

[vladmih]

Гуру, подскажите что я делаю не так? 

Есть шапка, которая имеет такие стили

header {

position: absolute;

width: 100%;

top: 150px;

height: 85px;

z-index: 10;

background: url(../img/head-line.png) repeat-y center center;

}
 

При скролле страницы я добавляю класс, и она прилипает к верху:

header.fixed-top {

position: fixed;

top: 0px;

}

И сам код:

 

$(window).scroll(function(){

if ($(window).scrollTop() > 150) {

$('header').addClass('fixed-top');

} else {

$('header').removeClass('fixed-top');

}

})

Суть в том  что в хроме когда скролю страницу, появляется мерциание этого хедера.
Не пойму в чем косяк, ведь раньше так делал и не было таких проблем...

 

[Нарек]

Анимация какая то есть при появлении хэдера? Это весь код?

Когда крутите стрелками а не мышью тоже мерцает?

Edited August 15, 2014 by Нарек

[vladmih]

Нет, анимаций нет.
Хедер просто прилипет вверх, когда страница прокручивается до него.
Мерцание только когда скролю мышкой.
Если скроллю, стрелками или полосой прокрутки такого мерцания нет...

[Нарек]

Я недавно исправил такую же проблему с помощью 

-webkit-transform: translate3d(0, 0, 0);

Правда там у меня были анимации, из за них видимо все было. Попробуйте, может поможет.

[vladmih]

Анимаций и трансишенов нет... Создается такое впечатление, что при скролле каждый раз блок прыгает от абсолютного позиционирования в фиксированное... Хз... Печаль...

[vladmih]

Решено:

 

-webkit-transform: translateZ(0);

к хедеру... 
Самое интересное анимаций нет совсем...

Воть с этим все гуд... Хром меня разочаровал... Такие косяки...

Закройте тему плиззз

Edited August 15, 2014 by vladmih