$(document).ready(function(){
/* data-role="content" 높이 100%로 채우기 */
scroll(0, 0);
var header = $("div[data-role='header']:visible");
var footer = $("div[data-role='footer']:visible");
var content = $("div[data-role='content']:visible");
var viewport_height = $(window).height();
var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
content_height -= (content.outerHeight() - content.height());
$("div[data-role='content']").css('min-height',content_height);
});
'JAVASCRIPT' 카테고리의 다른 글
URL 정보 확인 (0) | 2013.04.11 |
---|---|
숫자만 입력가능 (0) | 2013.04.03 |
[jQueryMobile] header,footer 사라지지(toggle) 않게 고정 시키기 (0) | 2012.11.13 |
AJAX로 Form데이터 전송 (Post/Get) (0) | 2012.08.17 |
jQuery 레이어 팝업(modal window) 띄울 때 전체를 덮는 반투명 검은 막(black mask) 만들기 (0) | 2012.01.06 |