jQuery 패럴 랙스가 사파리에서 뒤처집니다

Question

필자는 시차 스타일 효과를 만드는 데 사용하는 스크립트가 있습니다. 사용자가 스크롤 할 때 이미지의 CSS 왼쪽 속성을 업데이트합니다.

그것은 파이어 폭스에서 완벽하게 부드럽게 보입니다.하지만 사파리에서는 사납고 (크롬과 같지만 사파리의 정도는 아닙니다)처럼 보입니다.

누구든지 알고있는이 문제에 대한 해결책이 있습니까?

업데이트

나는 몇 가지 코드를 보여주고 싶지만, 그것은 클라이언트의 내가 디자인 공개 중 하나를 만들고 싶어하지 않을 것이다.

여기에는 주요 문제 인 백분율을 기준으로 확장 된 많은 큰 이미지가 사용됩니다. 디자인에서 더 큰 이미지 중 하나를 제거한 후, 스크롤 할 때 래그를 크게 줄인 것으로 보입니다.

Answer 1

문제를 나타내는 jsfiddle.net의 예제를 제공하면 도움이됩니다. 이 같은 http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/AnimatingCSSTransitions/AnimatingCSSTransitions.html

뭔가 :

img { 
    -webkit-transition-property: left; 
    -webkit-transition-duration: 0.5s; 
} 

당신이 원하는 달성하기 위해 시간을 조정해야 할 것이라고 말했다되고, 당신은 CSS 전환을 사용하여 사파리와 크롬의 움직임을 부드럽게 할 수있을 것 효과. 또한 해당 이미지와 일치하도록 선택기를 변경하십시오. 이 예제는 문서의 모든 이미지와 일치합니다.