Stellar.js 시차 요소가 Safari에서 불안감을 듭니까?

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 사용자를위한 시차 효과를 비활성화하는 것입니다.