css - 修复了在页面顶部转换幻灯片时背景图像闪烁的问题

Question

这仅在 Chrome 中！在页面顶部的滑块之后，我有一个带有固定背景图像的 div。（这是其中包含 vimeo 视频的部分）当滑块前进到下一张幻灯片时，固定的背景图像几乎完全消失。我虽然可能是 z-index 问题，并且还删除了“-webkit-backface-visibility: none;” 来自css，但都不是答案。我确信这与 css3 动画有关，但也完全被难住了。有任何想法吗？

相关页面的链接：http: //ksdesigning.com/themes/room_html/

谢谢

Answer 1

我讨厌这样的错误，这是一个应该有效的修复程序。一旦有人滚动过去，它就会隐藏滑块，如果他们向上滚动，它就会显示出来。

$window.scroll(function() {

    var _scroll = $window.scrollTop();

    if (_scroll >= 650) {
       $('#slider').hide();
    }else if (_scroll <= _triggerOffset){
       $('#slider').show();
    }

});

否则，请使用此链接上的示例。（我无法让他们工作，所以我按照上面的方法）

防止 webkit-transform 的 webkit-transition 闪烁