스크롤시 이미지가 깨짐현상

[우량이]

웹의 특성인지 아니면 무엇일가요??

키친싱크 그대로 올려서 테스트해봤는데 안드로이드에서 왼쪽리스트나 메인 이미지를 터치하여 스크롤링하면

터치하면서 스크롤하고 뗄때 이미지가 일그러짐 현상이 있습니다.

웹앱이라그런건가요?? 아니면 앱스프레소 문제인가요? 해결방안이 있다면 답변 주세요~~감사합니다.

[존슨]

안드로이드 웹브라우저 특성 입니다.

CSS Transition을 이용한 애니메이션 효과 적용시 발생하는 증상으로, 효과의 퍼포먼스를 높이기 위해 일시 적으로 이미지 품질을 떨어뜨렸다 효과가 완료되는 시점에 다시 원래 품질로 복구하는것으로 추정하고 있습니다.

이는 단말기의 내장 웹브라우저 뿐만 아니라 폰갭을 이용한 하이브리드 앱에서도 나타나는 문제 입니다.

이를 우회하는 방법 으로는 CSS 효과가 아닌 Javascript를 이용한 효과를 고려해 보시기 바랍니다.

(jQuery의 경우 animate란 매소드를 제공하고 있습니다.)

단 이 경우 하드웨어 가속을 사용하지 않습니다. 앱의 기본 동작에 지장이 없도록 적용 하시기 바랍니다.

참고로 iOS의 경우 이런 증상이 나타나지 않습니다.