Chrome中的视差错误

时间:2013-10-08 16:11:19

标签: javascript jquery google-chrome parallax

我在使用视差的网站上有一个 Chrome唯一错误。该网站为http://apple.dragon.com

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

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

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

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

1 个答案:

答案 0 :(得分:4)

我看到了这个问题,但我也对导致它的原因感到难过。 但是,我设法通过将背景颜色应用于#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;
}

奇怪