2014-02-24 4 views
0

나는 아바타와 사용자 이름이 포함 된 항목으로 Facebook 친구 선택 도구를 만들고 있습니다. 빠르게 스크롤하는 동안 요소는 종종 지연되어 나타납니다.iOS html 앱 : 큰 스크롤 목록으로 인해 요소가 사라짐

내 질문은이 하나와 유사하다는 것을 알고 있습니다. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay 그러나 잠시 동안 스크롤 한 후 내 앱이 중단되므로 허용 된 대답으로 문제가 해결되지 않습니다. 스크롤링은 훨씬 더 뒤떨어집니다.

GPU 렌더링이 어떻게 작동하는지에 대해서는 자세히 알지 못하지만, 각 행은 GPU의 텍스처가되고, 잠시 후에는 지나치게 많습니다.

다른 방법은 없습니까? 상대적인 포지셔닝은 btw에서 일어나지 않습니다. 나는 약 700 명의 친구가 있지만 목록이 길어질수록 문제가 더 악화되는 것을 상상할 수 있습니다. 의도적으로 적은 항목을 표시하도록 설정하면 문제가 사라질 것입니다.

감사합니다.

+0

을 사람이 수있는 방법을 알고 있다면 (약간) 아마 많은 도움이 될 스크롤 모멘텀의 속도를 제한 할 수 있습니다. – SvenM

답변

0

HTML 앱에서 스크롤해야하는 긴 목록의 경우 ng-grid 기능을 AngularJS에 사용하는 것이 좋습니다. 다른 제안 사항은 CSS를 최적화하고 스크롤 할 때 처리 능력을 많이 차지하는 상자 그림자, 그라디언트 등이 많지 않은지 확인하는 것입니다.

도움이되는 희망과 질문 만 있으면 알려주세요!

+0

내 항목에서 모든 스타일을 제거하려고했지만 문제가 약간 개선되었지만 여전히있었습니다. 하지만 NG 그리드를 사용해 보겠습니다. 고마워요! – SvenM

+0

걱정할 필요가 없습니다! 내가 도와 줬다면, 대답은 대단 할 것이다 :) –

+0

물론 출발 :) 다른 작업을 먼저 마칠 필요가있다. 이 컴포넌트가 webkit-overflow-scrolling과 잘 작동하는지 알고 있습니까? – SvenM

0

이 문제가 해결 되었습니까?

overflow-y: auto; 

컨테이너에 추가하십시오.

은 (아마도 단지 overflow: auto; 필요에 따라도 작동합니다.)