iPad는 스 와이프 제스처를 사용하여 전체 페이지 div를 조작합니다.

Question

저는 제안 된 디자인의 일부 기능을 보여주기 위해 웹 사이트 형태의 대학 프로젝트 용 iPad 잡지를 제작합니다 (실제 앱은 물론 do iOS)

저는 Sencha와 같은 프레임 워크를 보았습니다.이 프레임 워크는 내가 원하는 것을 과도하게 보였고, HTML/CSS로 유지하고 그 위에 상호 작용을 추가하는 대신 JavaScript 내부의 모든 것을하고 싶습니다. 나는 또한 가장 유망한 것으로 보이는 jQuery UI iPad를 살펴 보았지만 작동하도록 도움을 줄 수 있었다. 여기 http://jsfiddle.net/blackdynamo/yxhzU/

내 페이지에 대한 샘플 페이지입니다 : 여기에 작업 그것의 데모입니다 http://driz.co.uk/ipad/ 내가 상호 작용함으로써를 추가 한 후 행에 서로 옆에 앉아있는 div를 점점 도움이 필요 무엇

사용자가 왼쪽, 오른쪽, 위, 아래로 문지르면 잡지의 페이지/섹션 인 것처럼 다른 DIVS간에 점프합니다.

DIVS가 이상적으로 배치되는 방식을 보여주는 이미지입니다. 사용자는 왼쪽과 오른쪽으로 이동하는 섹션 사이를 이동 한 다음 위아래로 스크롤하여 해당 섹션을 스크롤 할 수 있습니다. http://driz.co.uk/ipad/plan.png

아무도 도와 줄 수 있습니까? 로드가 쉽습니다!

Answer 1

@media only screen and (device-width: 768px) { 
    /* For general iPad layouts */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
    /* For portrait layouts only */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { 
    /* For landscape layouts only */ 
} 

저는 divs와 완전히 확신하지 못합니다. 죄송합니다. 희망이 도움이됩니다.