모바일 HTML 건물

Question

모바일 버전의 웹 사이트를 구축하려고합니다. 나는 HTML과 CSS를 좀 만들었지 만, 나는 그것이 잘 작동되기를 원한다. 저는 두 개의 열 (메뉴 인 왼쪽 열과 내용 인 오른쪽 열)을 만들었습니다. 둘 다 오버플로가 숨겨져 있습니다.

오버플로 자동을 넣었습니다. 콘텐츠가 더 크면 여전히 스크롤 할 수 없습니다. 그래서 iScroll을 시도했지만 매우 버그가 있습니다. 내용의 끝까지 스크롤하지 않습니다. 방향이 바뀌면 약간 엉망이됩니다.

iScroll과 같은 방식으로 jQuery Mobile을 사용할 수 있습니까? Sencha Touch는 어떻습니까? (나는 Sencha Touch에 대한 모든 예를 보았고, 정말 멋지다. 그냥 말하기를 원하지 않는다. 단지 자바 스크립트 다. html을 쓰고 싶다. 자바 스크립트에서 특정 ul 요소는 실제로 목록이고 그러한 것으로서 취급되어야한다).

누군가 나에게 작은 웹 앱을 잘 작동시킬 수있는 자습서 나 다른 곳을 추천 해 줄 수 있습니까?

Answer 1

AFAIK, 당신은 센차 터치이 방법을 사용할 수 있습니다, 예를 들어 ... 당신은 당신이 원하는대로 당신의 HTML 요소를 구성하고, 각 구성 요소에 렌더링을 지정하는 renderTo 설정 옵션을 사용

var panel = new Ext.Panel({ 
    fullscreen: true, 
    dockedItems: [{ 
     dock : 'top', 
     xtype: 'toolbar', 
     title: 'Standard Titlebar' 
    },{ 
     dock : 'top', 
     xtype: 'toolbar', 
     ui : 'light', 
     items: [{ 
      text: 'Test Button' 
     }] 
    }], 
    html: 'Testing', 
    renderTo: 'idOfHtmlElement' 
}); 

.

나는 물어야한다 ... 왜 이런 식으로 일하고 싶습니까? 두 배나 많은 일을하고 코드베이스를 유지하려면 더 많은 노력이 필요합니다. Sencha Touch의 장점은 개발자가 장치의 단점이 아닌 기능에 대해 완전히 염려 할 수 있다는 것입니다.

고정 높이 div에서 콘텐츠를 스크롤하는 데 사용되는 page here이 있습니다.이 코드는 사용자에게 유용 할 수 있습니다 (코드를 보지 못했지만 말하기 어렵습니다).

iScroll에 대한 나의 경험은 이상적이라고 할 수 없으며 jQuery touch 및 jQuery 모바일은 Sencha Touch에서 보여지는 수준의 수준에 근접한 프레임 워크입니다.

내 충고는 당신이 Sencha Touch를 픽업하고 프레임 워크를 배우기 시작한 것입니다. 버전 2는 향후 몇 개월 내에 나올 예정이며, 이는 더 많은 장치 (예 : Windows Phone 7)에 대한 지원을 약속합니다.

Scrollability 조 휴이트 (Joe Hewitt)가 최근 몇 달 동안 그렇게 많이 연구하지는 않았지만,보기에도 가치가 있습니다.