웹킷 오버플로 스크롤 터치가 웹킷 변환과 충돌합니다

Question

webkit-over-flowing-scrolling: touch이있는 요소에 webkit-transform 속성을 적용한 것처럼 보이면 스크롤이 전혀 작동하지 않는다는 점에서 스크롤이 완전히 중단됩니다.

누구든지이 버그를 경험 했습니까? 해결책을 알고 있습니까?

Answer 1

나의 현재 (해키) 솔루션은 다음과 같습니다

$container.one 'webkitAnimationEnd', -> 
    $container.find('.contents').remove() 
    $container.append('.contents') 

는 기본적으로 나는 애니메이션이 끝난 후 스크롤 DIV의 내용을 다시 추가 한 후 제거하고 있어요. 바라건대 누군가가 이것을 위해 더 나은 해결책을 가지고 있기를 바랍니다.

Answer 2

나는 똑같은 문제를 겪고 있으며, -webkit-transform을 도려내면 절대 위치로 전환됩니다. 그 절대 위치는 아이폰 OS에 6+ 이전에 인기 translateZ 및 translate3D 강제 하드웨어 가속 해킹/w는 해결 될 수없는 iOS에서 형편없는 성능과 고르지 애니메이션, 리드 제외

이, 잘 될 것입니다.

나는 해킹을 생각하지만, 당신이 더 읽고 싶어하지 않을 수도 너무 끔찍한 실제로 추악한 :

우리가 -webkit-overflow-scrolling:touch을 적용하고 우리가 요소에서 완전히 분리 할 요소를 가지고 -webkit-transform에 신청하십시오. z-index 조작을 사용하면 원본 요소 (원래는 빈 컨테이너)가 자연스럽게 제자리로 움직 이도록 -webkit-transform을 유지하면서 스크롤 요소가 원래 있었던 것과 동일한 위치에 나타나게합니다. 스크롤 할 수있는 콘텐츠가 애니메이션 컨테이너 위에 갑자기 나타나기 때문에 내 해킹은 짧습니다.