css - Chrome - 背景附件固定闪烁

Question

我们有这个页面 -云它，显然有一个 css 问题或滑块部分中的一些干扰。滑块容器的背景具有 background-attachment:fixed 和 background-size:cover 属性以保持类似视差的效果。在 chrome（版本 28.0.1500.71）中，我们看到整个背景图像巨大的闪烁和跳跃。

我们还没有找到任何解决这个问题的方法。有没有人遇到过这个问题，或者可以给我们一个好的建议？

谢谢

Answer 1

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

这会修复您的跳跃背景并显示绿色侧选项卡。

要在用户向下滚动时隐藏绿色选项卡并显示它，请执行以下操作（jQuery）：

.trigger {display: none;}

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

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