이 툴바는 전체 화면을 꽉 채우는 컨텐트를 사용해야하는 특별한 상황에서 사용됩니다. 페이지를 클릭시 해더와 풋터가 보였다 안보였다 하하 원할 때 사용합니다. 보통 사진이나 이미지, 비디오 화면인 경우에 적합합니다.
이를 사용하기 위해서는 data-role=”page” 속성의 div태그에 data-fullscreen=”true”속성을 추가하고, 해더와 풋터에 data-position=”fixed” 속성을 사용하여야 합니다.

Fullscreen 모드는 페이지에 감춰있기 때문에, 모든 컨텐트에서 항상 보여지는 것은 아니니 유의하셔야 합니다. 반면에, fixed 모드는 항상 페이지의 상단과 하단에 보여지며 스크롤로 보여지지 않는 화면에서 터치시 보여지게 됩니다.


<div data-role="page" data-fullscreen="true">
<div data-role="header" data-position="fixed"> …. </div>

'Jquery > Jquery mobile' 카테고리의 다른 글

Theming toolbars  (0) 2013.03.08
Persistent footer nav bar  (0) 2013.03.08
Fixed positioning  (0) 2013.03.08
Navbars  (0) 2013.03.08
Footer bars  (0) 2013.03.07

글 보관함

카운터

Total : / Today : / Yesterday :
get rsstistory!