Question

我知道之前已经问过这个问题，但我尝试修复背景图片并且没有用。

You can view the problem here when you scroll down to the thumbnail gallery.

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

#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用户的视差效果。

Stellar.js视差元素在Safari上紧张不安？

1 个答案: