2011-11-28 2 views
2

Android 및 iPhone에서 사용할 수있는 응용 프로그램을 만들고 있습니다. 응용 프로그램은 jQuery Mobile을 사용하여 수행되고 Phonegap으로 컴파일됩니다.Android + PhoneGap + jQuery Mobile에서 가로로 스크롤 할 수있는 이미지

때때로 응용 프로그램에서 사용자가 이미지를 표시 할 수 있으며이 이미지는 매우 커서 스크롤 할 수 있어야합니다. 그것은 완벽하게 작동 아이폰에

position: absolute; 
width: 100%; 
height: 100%; 
z-index: 1200; 
background-color: black; 
overflow: scroll; 

, 사용자는 지금까지 그가 오른쪽 원으로 스크롤 할 수 있습니다 : 내가 사업부와 논문 CSS 속성을 생성하고 몸에 추가합니다 자바 스크립트 코드를 완료했습니다. Android의 경우 화면이 잠겨있어 사용자가 스크롤 만 할 수 있습니다. index.html 페이지에

viewport

은 다음과 같이이다 :

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

나는 약 2 시간 인터넷에서 찾고, 그것으로 재생 지출했지만,에 화면을 만들어 아무것도 찾을 수 없습니다 Android에서 스크롤 할 수 있습니다.

내 응용 프로그램이 매우 깊이 자바 스크립트이므로 다른 뷰포트로 다른 페이지로 만들 수 없습니다. 그리고 나는 그가 이미지를보고 싶을 때 그가 떠난 정확한 지점으로 사용자를 되돌릴 수 없었습니다.

아이디어가 부족하여 며칠 동안 테스트 해 왔습니다. 누군가가 안드로이드에 스크롤 가능한 팝업을 만드는 데 도움이 될 아이디어가 있습니까?

답변

2

네이티브 기능을 모방하는 자바 스크립트 프레임 워크를 사용해야합니다 안드로이드에 대한 웹보기에서 스크롤 영역을 만들려면 감사드립니다. 몇 가지 좋은 사람은 거기에 있습니다

, 그 스크롤 영역이주의 http://cubiq.org/iscroll-4

  • Flexcroll (I는이 스크립트가 좋아) 5.0 이하의 iOS 버전에서는 지원되지 않습니다 (사용자는 두 손가락을 사용하여 이전 버전에서 스크롤해야합니다).

  • +0

    감사합니다. 사용 해보겠습니다. 진행 방식을 업데이트합니다. 내 앱이 iOS 4에서도 iPhone에서 잘 작동하므로 Android에서이 방법을 구현할 것입니다. – xtrimsky

    +0

    작동하는 것 같습니다! 고맙습니다 :) 팝업 대신, 스크롤보기로 특정 페이지를 작성했습니다. 나는 안드로이드에서 이런 식으로 할 것이고 아이폰에 팝업을 가지고있을 것이다. 다른 사람이이 파일을 찾으면 스크롤 뷰에 필요한 파일은 다음과 같습니다. http://stackoverflow.com/questions/7254761/jquery-mobile-scrollview – xtrimsky

    +0

    iScroll은 저에게 매우 유용합니다. 그것을 시도하고 사랑한다! 고맙습니다. – Teerasej

    관련 문제