javascript - Chrome 中的视差错误

标签 javascript jquery google-chrome parallax

我在一个使用视差的网站上遇到了一个 仅限 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/

相关文章:

javascript - jQuery - animate() 属性

javascript - 将现有项目重构为新的 vue-cli 创建的项目时如何保留 Git 提交历史记录?

javascript - 将光标更改为 'move' 上的 'dragstart'

javascript - 如何不在 js 文件中硬编码 codeigniter 链接

javascript - 拉斐尔的简单圆环图

javascript - 如何使用适用于 Google Chrome 的 JavaScript 更改复选框的边框颜色?

javascript - onMessage 未在 Chrome 扩展程序上执行

css - WordPress 管理菜单在 Google Chrome 中显示故障

javascript - Kendo 网格行在插入时重复

javascript - React Native Stack Navigator 不接受 Screen 作为组件 prop 中的 prop