2012-01-12 3 views
1

나는 안드로이드와 아이폰을위한 phonegap에서 app을 개발 중이다. 상위 메뉴에서 iPhone에서 작동하지만 일반적인 Android CSS에서는 작동하지 않는 규칙을 사용하여 가로 스크롤을 구현하고 싶습니다.phonegap 안드로이드 프로젝트의 가로 스크롤

내 HTML 메뉴는 ul 및 li과 함께 일반적인 목록 유형처럼 보입니다.

내가 어떻게이 작업을 수행 할 수 있는지 알고 있습니까? iScoll은 저에게 효과가 없으며이 기능 만 구현하기에는 너무 무거워 jquery 모바일을 피하고 싶습니다. 누군가 jquery 모바일이이를 어떻게 수행하고 코드의 일부만 추출 할 수 있었는지 알고 있다면 그것은 좋을 것입니다. 그렇지 않으면 누군가가 이것을 수행하는 더 좋은 방법을 찾았습니다. 내가 iScroll

iScroll 성공이 있었다

답변

0

덕분에 웹킷 브라우저에서 수평 및 수직 스크롤을 제공하는 방법입니다.

편집 : iScroll을 시도한 것을 봅니다. 그게 너에게 효과가 없었던거야? 그것은 내가 찾을 수있는 유일한 해결책이었다.

+0

iscroll과 함께 작동하지 않았을 뿐이다. 컴퓨터 브라우저에는 있지만 장치에는 없습니다. 스크롤을 필요로하지 않도록 화면 디자인을 변경하여 해결했습니다. 어쨌든 덕분에 – Pam

+0

Darry가 requirejs와 함께 phonegap에서 iscroll을 사용하는 데 문제가 있습니다. 솔루션에 대한 몇 가지 포인터가있는 것이 가능할까요 ... 아래에 몇 가지 코드를 첨부 할 것입니다 ... – user1102171

0

requirejs를 사용하여 phonegap에서 iscroll을 시도해보십시오.

require(['jquery','views/test','iscroll','domready','index'],function($,TestView,iScroll,domReady){   
    new TestView; 

    var menu_iscroll; 

    domReady(function() { 
    alert("entered domready for creating iscroll"); 
    menu_iscroll = new iScroll('hmenu',{ hScroll: true, vScroll: false, hScrollbar: false, vScrollbar: false });   
    menu_iscroll.refresh(); 
    alert("finished iscroll refresh"); 
    }); 

}); 

이는 어떤 이유로 작동하지 않습니다. 나는 경보로 디버깅을하고 dom이 준비된 후에 함수가 실행된다. 그러나 hmenu는 여전히 평범한 목록이다 ... 어떤 수평 렌더링도없이 ...