Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Webkit和Edge（jQuery和vanillaJS）上滚动时背景图像抖动/闪烁_Javascript_Jquery_Css_Background Image - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript Webkit和Edge（jQuery和vanillaJS）上滚动时背景图像抖动/闪烁

Javascript Webkit和Edge（jQuery和vanillaJS）上滚动时背景图像抖动/闪烁

javascript jquery css

Javascript Webkit和Edge（jQuery和vanillaJS）上滚动时背景图像抖动/闪烁,javascript,jquery,css,background-image,Javascript,Jquery,Css,Background Image,我使用jQuery使背景图像看起来是固定的（因为背景附件：固定与背景大小：封面无关）。在某些环境中，图像不会闪烁，但在另一些环境中，图像会闪烁，我不知道为什么。（一个相关但不同的问题是，我没有使用视差滚动。） 它不会闪烁并打开： $（窗口）。滚动（函数（）{ var scrolledY=$（窗口）.scrollTop（）； $（'#bg'）.css（'background-position'，'left'+scrolled+'px'）； }); 正文{ 高度：3000px； 保证金：0； }

我使用jQuery使背景图像看起来是固定的（因为背景附件：固定与背景大小：封面无关）。在某些环境中，图像不会闪烁，但在另一些环境中，图像会闪烁，我不知道为什么。（一个相关但不同的问题是，我没有使用视差滚动。）

它不会闪烁并打开：

$（窗口）。滚动（函数（）{
var scrolledY=$（窗口）.scrollTop（）；
$（'#bg'）.css（'background-position'，'left'+scrolled+'px'）；
});

正文{
高度：3000px；
保证金：0；
}
#bg包裹{
位置：相对位置；
宽度：100%；
}
#背景{
高度：600px；
宽度：100%；
位置：相对位置；
背景附件：滚动条；
背景图像：url（'http://classicescapes.businesscatalyst.com/Images/home-banner/CAPE_RT_desat.jpg');
背景位置：左上；
背景重复：无重复；
背景尺寸：封面！重要；
}
#背景文本{
位置：绝对位置；
顶部：200px；
左：47%；
字体大小：3rem；
颜色：#fff；
}



你好!尝试使用：


transform-style:flat


论闪烁图像的css规则

或


虽然我仍然不知道是什么导致了上的问题，但我通过删除一个恶意CSS转换修复了我原来的问题


html{
    overflow: hidden;
    height: 100%;    
}
body{
    overflow: auto;
    height: 100%;
}