Sign in to follow this  
vladmih

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

Recommended Posts

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

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

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');
}
})

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

 

Share this post


Link to post
Share on other sites

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

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

Edited by Нарек

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Решено:

 

-webkit-transform: translateZ(0);

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

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

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

Edited by vladmih

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,511
    Total Members
    3,128
    Most Online
    Marking
    Newest Member
    Marking
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.