CODEWITHSUNDEEP
cssgoogle-chromebackground-imageparallax
Matej Nuhlicek
Matej Nuhlicek

Reputation: 25

Chrome - background attachment fixed flickers

We have this page - Cloud it and there is apparently a css problem or some interference in the slider section. The background of slider container has a background-attachment: fixed and background-size: cover property to maintain the parallax-like effect. In chrome (Version 28.0.1500.71) we see a huge flickering and jumping of the whole background image.

We have not yet found any solution to this problem. Is there anyone who has met this problem before, or someone who can give us a good advice?

Thank you

Upvotes: 2

Views: 1474

Answers (1)

isherwood
isherwood

Reputation: 61089

#wrapper-presentation {
  /* z-index: 101; */
}

This fixes your jumping background and shows the green side tab as well.

To also hide the green tab and show it when the user scrolls down, do this (jQuery):

.trigger {display: none;}

$(window).scroll(function(){
    var scrollHt = 600;

    if($(this).scrollTop() >= scrollHt) {
        $('.trigger').stop().fadeIn();
    } else {
        $('.trigger').stop().fadeOut();
    }
});

Upvotes: 1

Related Questions