javascript - Chrome 中的视差错误

Question

我在一个使用视差的网站上遇到了一个 仅限 Chrome 的错误。网址是http://apple.dragon.com .

当您滚动第一个视差图像时，错误很明显(带有副本的部分:“比打字快 3 倍”)。当我向下滚动时，背景图像被白色背景隐藏，然后随着我进一步滚动再次出现。

此错误不会出现在 Firefox、Safari 或 IE9+ 中。

我正在努力在这里寻找相关问题。当我使用 Chrome 开发者工具时，我发现一些奇怪的行为也减慢了我的进度。

有没有人遇到过这个问题或知道解决方案？非常感谢任何帮助。

Answer 1

我看到了问题，但我也对导致问题的原因感到困惑。但是，我通过将背景颜色应用于 #content #second 设法在 Chrome 开发工具中修复了它。

media="all"
@media only screen and (min-width: 1030px)
#content #second {
    background: url('https://s3-eu-west-1.amazonaws.com/dragondictate/images/lockup-fast-bg-large.jpg') no-repeat 50% 0 fixed;
    overflow: hidden;
    background-color: red;
}

奇怪