javascript - Stellar.js 视差元素在 Safari 上很紧张？

Question

我知道以前有人问过这个问题，但是我尝试过修复背景图像，但没有帮助。

当您向下滚动到缩略图库时，您可以在此处查看问题。

我真的不知道问题是什么，但这里是紧张的背景的代码：

#content1 {
  background: #395668 url(../img/studio-9.jpg) fixed no-repeat center;
  padding-top: 120px;
  padding-bottom: 120px;
}

#gallery {
  background: url(../img/studio-8.jpg) fixed no-repeat center;
  padding-top: 160px;
  padding-bottom: 160px;
}

任何线索发生了什么？在 Chrome 中看起来不错，在 Firefox 中看起来不错。

Answer 1

不幸的是，这与您的编码无关，而是与浏览器本身有关，因为 Safari 对鼠标滚动的反应与 Firefox 和 Chrome 非常不同。

Firefox 和 Chrome 在整个滚动过程中跟踪鼠标滚动，这就是 Parallax 有效的原因。

但是，对于 Safari，鼠标滚动位置在用户完成滚动之前不会更新，这就是导致抖动效果的原因。

唯一的选择是为 Safari 用户禁用视差效果。