Chrome에서 jQuery fadeOut/fadeIn 스크롤 문제가 발생했습니다.

div 내에서 페이지의 콘텐츠를 동적으로 변경하려면 jQuery fadeOut & fadeIn을 사용하고 있습니다. Mac 용 Chrome을 제외한 모든 브라우저가 훌륭하게 작동합니다. Mac 용 Chrome에서는 첫 번째 페이지에서 아래로 스크롤하면 fadeOut과 fadeIn이 새로 페이드 인 된 콘텐츠가 '화면에서 벗어남'- 즉 누락되었습니다. 첫 페이지를 아래로 스크롤하지 않고 두 번째 페이지로 이동하면 내용이 잘 표시됩니다.Chrome에서 jQuery fadeOut/fadeIn 스크롤 문제가 발생했습니다.

내 사이트에서 간단한 데모를 만들었습니다. 다시 말하지만 Mac 용 Chrome을 제외한 모든 브라우저에서 작동합니다. 도와주세요! Windows 용 Chrome은 정상적으로 작동합니다.

데모 : 맥에

http://dev.corecoding.com/problem.php, 나는 AppleWebKit/534.57.2와 사용자 에이전트를보고하고, 및 Windows에서이 AppleWebKit/536.5를 사용합니다. 흥미로운 점은 Mac 용 Safari에서 동일한 (오래된) WebKit을 사용하는 것이 좋습니다.

이 방법을 다른 jQuery/javascript 명령과 함께 사용할 수 있습니까? 아니면 그냥 잊어 버리고 Chrome의 WebKit이 업데이트 될 때까지 기다려야합니까?

출처

2012-06-28 fordracerguy

나를 위해 잘 작동하는 것으로 보였습니다. 아래로 스크롤하여 다음 질문 만 누르면 텍스트가 잘 보입니다. Chrome 19.0.1084.56 – TheZ

크롬을 실행 중이므로 잘 보입니다. – JonH

Mac Chrome에서만 문제가 있음을 확인했습니다. Windows는 잘 작동합니다. 한숨. – fordracerguy

나는 맥이 없어,하지만 당신은 호출하여 문제를 해결할 수 :

$("#content").scrollTop(0)

를 사업부의 내용을 교체 한 후.

출처

2012-06-28 18:55:49 iwiznia

나는 이것을 시험해 보았지만 작동하지 않는다 코드는 증명을 위해 업데이트되었다 – fordracerguy

음, 이상한 ... 그걸 시험 할 수 없기 때문에 나는 너를 도울 수 없다. ") .scrollTop() return? 페이드를 제거하고 일반 쇼를 수행하는 경우 작동합니까? – iwiznia

show는 여전히 문제가 있지만 단순히 애니메이션을 전혀 사용하지 않고 div를 비우고 내용을 추가하면 정상적으로 작동합니다. @Praveen Kumar가 위에 말한대로 렌더링 문제로이 문제를 짚어 볼 것입니다. – fordracerguy

Chrome에서 jQuery fadeOut/fadeIn 스크롤 문제가 발생했습니다.

답변

관련 문제