我在一个使用视差的网站上遇到了一个 仅限 Chrome 的错误。网址是http://apple.dragon.com .
当您滚动第一个视差图像时,错误很明显(带有副本的部分:“比打字快 3 倍”)。当我向下滚动时,背景图像被白色背景隐藏,然后随着我进一步滚动再次出现。
此错误不会出现在 Firefox、Safari 或 IE9+ 中。
我正在努力在这里寻找相关问题。当我使用 Chrome 开发者工具时,我发现一些奇怪的行为也减慢了我的进度。
有没有人遇到过这个问题或知道解决方案?非常感谢任何帮助。
最佳答案
我看到了问题,但我也对导致问题的原因感到困惑。
但是,我通过将背景颜色应用于 #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;
}
奇怪
关于javascript - Chrome 中的视差错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19252900/