2013-10-09 4 views
0

페이지의 머리말과 꼬리말을 안정하게 유지하고 두 페이지 사이의 전환시 jquerymobile에서 페이지의 내용 부분 만 이동하는 방법이 있습니까? 내가 페이지 사이의 슬라이드 전환을 사용할 필요가HTML5 - 페이지 전환 사이에 머리말과 꼬리말을 안정적으로 유지하십시오.

  • :

    나는 다음과 같은 두 페이지

    page1.html 
        <header> 
         .... 
        </header> 
    
        <content> 
         ....<!--content1--> 
        </content> 
    
        <footer> 
         ..... 
        </footer> 
    
        page2.html 
         <header> 
         .... 
        </header> 
    
        <content> 
         ....<!--content2--> 
        </content> 
    
        <footer> 
         ..... 
        </footer> 
    

    논리가있다.

    • 어떻게 안정 페이지에 머리글과 바닥 글을 유지하기 :

    질문 JQueryMobile, 폰갭을 사용하고 있습니까? 콘텐츠 부분 만 전환시 이동합니다.

  • iOS 및 Android 기기에서 작동 할 것으로 예상됩니다.
  • 이것을 수행하는 CSS 방법이 있습니까?
+0

가능한 복제에 머리글과 바닥 글에 그렇게 할 이동하는 데이터 위치 jQuery Mobile에서 data-role = "header"(http://stackoverflow.com/questions/10380840/disable-page-transition-on-data-role-header-at-jquery-mobile). –

+0

"position : fixed"를 작성하면 작업을 수행합니다. –

+0

@ FrédéricHamidi 이전에 그 대답을 사용 했었지만 헤더 높이만큼 페이지 높이가 증가했습니다. 이 동작을 제어하는 ​​방법? – Prakash

답변

0

사용 데이터 ID와 안정 페이지의 머리글과 바닥 글을 유지하고 내용 만이

<div data-role = 'header' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'> 
[비활성화 페이지 전환
+0

이전에 그 대답을 사용했지만 헤더 높이만큼 페이지 높이가 증가했습니다. 이 동작을 제어하는 ​​방법? – Prakash

관련 문제