Question

仅适用于Chrome！在页面顶部的滑块之后，我有一个带有固定背景图像的div。（这是包含vimeo视频的部分）当滑块前进到下一张幻灯片时，固定的背景图像几乎完全消失。我可能这是一个z-index问题，也删除了“-webkit-backface-visibility：none;”从css但但也没有答案。我确定它与css3动画有关，但也完全难倒。有什么想法吗？

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

由于

Answer 1

我讨厌像这样的bug，这是一个应该有效的修复。一旦有人滚过它，它就会隐藏滑块，如果它们向上滚动则显示它。

$window.scroll(function() {

    var _scroll = $window.scrollTop();

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

});

否则请使用此链接上的示例。（我无法让他们上班，所以我顺便说一句）

Prevent flicker on webkit-transition of webkit-transform

固定背景图像在页面顶部的幻灯片显示过渡时闪烁

1 个答案: