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用戶禁用視差效果。