일반적으로 볼 수있는 전환을 사용하는 간단한 방법을 찾고 있습니다. 네이티브 iPhone 앱 또는 Android 기본 앱 (예 : 슬라이더 효과, 즉 전체 또는 왼쪽 또는 오른쪽으로 움직이는 페이지)에서. 웹 페이지간에 "iPhone과 같은"전환을 수행하는 방법이지만 iScroll (v4)을 사용하여 전체 (모바일) 웹 프레임 워크의 오버 헤드를 없애는 방법
나는 그런 iUi를 등 jQuery를 모바일, 윙크, 같은 프레임 워크의 사용과 행할 수 있습니다 내 웹 응용 프로그램에서 웹 페이지 사이에 그 transistions을 알고 또한내 응용 프로그램이 고정 된 바닥 글 및 스크롤 내용으로 고정 된 헤더를 필요 . 나는 jQuery Mobile을 사용해 보았지만 내용의 스크롤 효과가 좋았지 만 고정 된 머리글과 바닥 글의 렌더링은 그리 좋지 않습니다.
그래서 내가 대신 iScroll 4를 사용하지만 iUI는과 시도를주는 된 div의 위치
임 내에서 몇 가지 문제를 일으키는 DOM 등과 jQuery를 모바일 재생으로 만 transistions을 할 jQuery를 모바일을 사용하지 못할 하지만 jQ 모바일보다 덜 '넓은 것 같지만 웹 앱을위한 전체 프레임 워크입니다. 하지만 현재 전환을 찾고있는 중이 야.
자바 스크립트 프레임 워크를 사용하는 "전체 웹 페이지"변환을 수행 할 수있는 방법이 있습니까? 또한 iUI와 같은 프레임 워크는 모든 페이지를 하나의 내부에만 넣습니다 (jQuery Mobile은 훌륭하지 않습니다). 여러 div에서 그들을 분리합니다. 이것은 iScroll에서 문제가 될 수 있습니다.
최고 별도의 HTML 페이지 사이의 이러한 전환을 할 수있을 것입니다,하지만 그것도 가능하다면 나는
난 단지 현대 대상 장치 (내가 AJAX 세계 기술의 사용 whitout 의미) 모른다 웹킷을 사용 (안드로이드, iDevices ..) 당신의 도움
이것은 기본 방법이 아닐 수도 있지만, 각각의 '페이지'를 자신의 div로 만들면 페이지 폭 * numberOfPages 인 사각형 div에 래핑됩니다. 그런 다음 몇 가지 기능이 있습니다. 현재 표시된 페이지의 오른쪽에 주어진 페이지와 왼쪽에서 동일한 작업을 수행하는 페이지 ... 그리고 마스터 div를 슬라이드하는 애니메이션 루프 또는 장치의 너비를 남겨 두었습니까? 그리고 공통 요소가 있다면 슬라이딩되지 않은 개별 div에있을 수 있습니다. 따라서 내용이 정적 조각 아래로 움직입니다. –
jQuery 모바일의 고정 헤더 렌더링에있어 문제점은 무엇입니까? 애니메이션 속도 또는 일부 위치 오류입니까? –
@RobotWoods 당신의 답변을 주셔서 감사하지만 이것은 문제가 될 것 같아요 당신의 장치가 가로보기로 간다 당신이 픽셀로 너비를 고정하고 예를 들어 100 % 아니지만 programatically 내가 짐작할 수도 있겠지만 .. – freeeman