javascript - 已部署网站上背景图像的滚动行为不稳定。它应该是文具，本地构建的预期行为

Question

基于 3 方主题 (MASSIVELY) 构建了一个 Jekyll 网站。

此处提供网站代码：https ://git.ikrypto.club/FNB_Japan/FNBJapan

当您访问已部署的网站时，背景图像不会像预期的那样保持不变（您可以在主题演示中看到预期的行为，https ://iwiedenm.github.io/jekyll-theme-massively/ （编辑：这个实际上是一个更好的例子，https://massively.ghost.io/）。基本上，背景图像应该保持不变，前景应该随着用户滚动。）。

如果您访问我们的网站https://fnb-japan.info ，您可以看到行为上的差异。

但是，当代码在本地运行并使用

bundle exec jekyll serve

背景图像没有移动（如预期的那样）。发生了什么事，我该如何补救？

注意：这个问题似乎只出现在 FF Nightly 上，而不是 Chrome

编辑：这似乎是 Firefox Nightly 的问题，而不是网站。这个问题在技术上已经解决了。

编辑2：问题似乎仍然存在，并且是由于视差滚动的错误实现导致视差闪烁。

编辑 3：此问题仅在窗口具有一定宽度时才会发生，并且实际差异不在于本地/部署之间，而是不同的窗口大小。

标签： javascripthtmlcss

Answer 1

背景 div ( #bg) 正在被 捆绑视差插件中的这段代码转换（从在 Chrome 检查器中的 bg 元素上设置“属性修改中断”可以明显看出），这似乎是由这个调用激活的：

// Background.
$wrapper._parallax(0.925);

删除这些线条也应该消除视差效应。