간단한 응용 프로그램을 개발하기 위해 phonegap과 jqm을 사용하고 있습니다. 제 문제는 페이지의 상단이나 하단에 도달하면 바닥 글과 머리글을 스크롤 할 수 있다는 것입니다. . 나는 페이지 상단에있어, 나는 스크롤하면jQuery 모바일이 머리글과 바닥 글을 스크롤합니다 (고정 된 툴바?)
는, 헤더는 스크롤됩니다 - 바닥 글 같은 (제공된 이미지 참조)
내가 iScroll을 해봤지만 아무것도 해결 didnt한다. 본문의 오버플로를 숨김으로 설정하고 .ui-content div의 오버플로를 scroll - didnt 작업으로 설정하여 jqm css 설정을 재정의하려고 시도했습니다.
본문 위치를 고정으로 설정하려고했습니다. 그런 다음, 내가 스크롤했을 때, 몸은 움직이지 않았지만 검은 화면이 아래쪽에서 상승하고 페이지가 숨겨졌습니다.
아이디어가 있으십니까?
는 MIT의 LIC에서 발표 한 iscroll/JQM 스크립트가있다. 이를 위해 ...
https://github.com/yappo/javascript-jquery.mobile.iscroll
희망이 도움이됩니다.
iScroll이 도움이되지 않았습니다. 나는 내가 JQM 방법에 고정, 헤더를 고정, 그래서이처럼 한 :
<div data-role="header" class="basic-top" data-position="fixed" data-tap-toggle="false" data-transition="none">
그리고 페이지 하단을 인식하고,로드, 좋은 코드를 찾을 수있는 방법을 찾아야하는 데 오랜 시간이 있었다 더 많은 콘텐츠.
마지막으로 나는이 사용 :$(window).scroll(function() {
if($(window).scrollTop() + window.innerHeight == $(document).height()) {
NameFunctionWhatCallsAjax();
}
});
을 그리고 난 내 헤더에 이것을 넣어 :
그것은 너무 아이폰 및 기타 모바일 장치에서 작동<meta name="viewport" content="width=device-width, initial-scale=1">
. 나는 그것이 너에게 효과가 있기를 희망한다.
안녕하세요.이 헤더는 머리글과 바닥 글 태그를 추가하고 iscroll 및 iscrollview 플러그인을 사용하십시오. 그 날
data-position="fixed" data-tap-toggle="false"
나는 .... (가) "SSS"는 JQuery와 모바일 헤더를 나타냅니다 – Jivings
(데이터 내용 = '헤더')은 그 이미지에 설명하는지의 예를 볼 수없는 위해 잘 작동 나는 화면을 두드리며 내 손가락을 아래쪽으로 움직였다. (스크롤 업) 머리글을 포함하여 전체 페이지가 움직였다. 이미 페이지 상단에 있기 때문에이 작업을 수행 할 때 아무 일도 일어나지 않았습니다. –
알았어. 그 아이폰은 구체적입니까? 전에는 그런 일이 없었어요. – Jivings