안드로이드에서 웹킷 오버 플로우 터치로 스크롤 가기

나는 phonegap 및 html을 사용하여 ios 및 android 용 앱을 만들고 있습니다. 제 레이아웃에서 오버플로가있는 목록이있는 div가 있습니다. 스크롤 할 수 있으려면 -webkit-overflowscroll을 사용하십시오. touch; 이 기능을 지원하지 않는 장치의 경우 polyfill을 오버플로해야합니다.안드로이드에서 웹킷 오버 플로우 터치로 스크롤 가기

이 기능은 ios에서 매우 잘 작동합니다.

하지만 Android에서는 버그가 있습니다. "-webkit-overflowscroll : touch;"기능을 지원하는 Android 4.1에서 테스트 할 때 스크롤이 처음에는 잘 작동하지만 스크롤 한 후에 항목을 클릭하면 스크롤이 위로 이동하고 목록을 스크롤 할 수 있습니다 목록의 크기보다 더 이상 여기에

은 기본 마크 업

<div class='page'> 
    <div class="contain"> 
     <ul><li><a></a></li></ul> 
    </div> 
</div>

마이리스트입니다 ... 스크롤이 크기를 두 번 계속 것처럼 것을 (그래서 난이 화면에서 disapearing 항목을 얻을 아래로 스크롤 할 수 있습니다) 나는 ajax 로딩에 의해 동적으로 채워진다. CSS에 "overflow-y : auto; -webkit-overflow : touch;"를 적용한다.

나는 단지 .contain의 DIV 아니라 몸 (오버 플로우가 숨겨진 속성) 스크롤

어떤 제안? 감사합니다.

출처

2012-07-26 Colir

iOS와 Android는 완전히 다릅니다. Android API가 지원하지 않는 기능이 있습니다. 몇 가지 코드를 게시하면 실제로 수행중인 작업을 이해하는 데 도움이 될 수 있습니다. – Numair

동일한 문제가 있습니다. JS를 사용하지 않고 동일한 HTML 및 CSS 구조로 정적 페이지를 만들 때이 동작을 얻지 못하기 때문에 페이지 전환과 관련이있을 수 있습니다. – Levi

동일한 문제가 있었고 제 경우에는 목록 항목의 클래스를 다운 상태로 변경했습니다. 코드를 삭제하면 목록을 잘 선택할 수 있습니다.

출처

2012-11-08 22:51:58

안드로이드에서 웹킷 오버 플로우 터치로 스크롤 가기

답변

관련 문제