Question

我们有这个页面 - Cloud it并且滑块部分显然存在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();
    }
});

Chrome - 背景附件固定闪烁

1 个答案: