Jquery Mobile Android App - 여러 페이지가 고정 된 헤더?

스크롤 가능한 영역 아래에 Jquery 또는 CSS를 사용하여 각 페이지에서 머리글 div (.headerArea)를 수정하는 좋은 방법을 아는 사람이 있습니까?Jquery Mobile Android App - 여러 페이지가 고정 된 헤더?

캔트가 작동하는 것을 찾았습니다!

건배 폴

출처

2012-01-13 Dancer

를 상기 CSS 속성 총수 : 고정 마침내 http://caniuse.com ([사용할]되어야/css-fixed). 아마 생산 준비가 된 해결책은 아니지만 염두에 두어야 할 가치가있는 것입니다. –

모방 기본 스크롤 도움이 될 것입니다 거기에 몇 가지 자바 스크립트 스크롤러가 있습니다.

jQuery를 모바일의있는 ScrollView 실험은 1.0 최종 버전에 최적화되어 있습니다 : http://jquerymobile.com/test/experiments/scrollview/

iScroll이 약간 새로운 버전 (4)이 있습니다 http://cubiq.org/iscroll-4

Flexscroll의 주요 기능은 사용자 정의 스크롤바를 만드는 것입니다뿐만 아니라 터치에서 작동 환경 : http://www.hesido.com/web.php?page=customscrollbar

그들은 모두 매우 가벼운 15-20KB 크기로 축소되었습니다. 여기

가 jQuery를 이동할 수있는 ScrollView 실험 사용한 기본 예이다 안드로이드 브라우저의 최신 버전의 http://jsfiddle.net/NX8SN/

출처

2012-01-13 18:01:43 Jasper

하지만 네이티브 스크롤링과 다른 플러그인이 서로 나란히 실행되므로 실제로 콘텐츠 섹션을 스크롤 할 때 네이티브 스크롤로 헤더 바를 당겨 버리는 경우가 많습니다. 어떤 스크롤러를 사용하든 관계없이 스크롤 가능한 요소가 전체 화면을 덮어서 이것이 발생하지 않도록하십시오. – frequent

도움을 청하는 분들에게 iscroll을 사용해 보았지만 여러 화면에서 작동하도록 고심 중입니다! 건배 – Dancer

@frequent 자주 발생하는 문제는 CSS 문제입니다. 네이티브 스크롤 바는 페이지의 내용이 뷰포트의 높이의 100 % 이상일 때만 작동합니다. 'data-role = "페이지 요소에서'max-height : 100 %'와'overflow : hidden'을 설정하면 네이티브 스크롤바가 나타나지 않습니다. iScroll (다른 질문을 보았습니다)에서는 머리글이 맨 위, 바닥 글이 아래쪽, 내용 영역이 다른 모든 곳 (페이지의 상단이나 하단을 건드리지 말아야 함)에 있도록 페이지의 레이아웃을 설정해야합니다. 이러한 CSS 문제는 jQuery Mobile의 Scrollview Experiment를 자동으로 처리합니다. – Jasper

Jquery Mobile Android App - 여러 페이지가 고정 된 헤더?

답변

관련 문제