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在整个滚动过程中跟踪鼠标滚动，这就是视差有效的原因。

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

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