일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- html5
- 설정
- 강좌
- mysql
- 운정
- 유니티
- MSSQL
- 잡토이
- 안드로이드
- tomcat
- 시작하기
- 예제
- 파주
- Spring Security
- s4a
- Unity
- 오라클
- jsp
- jobtoy
- 잡토이 메이킹 코딩 학원
- 아두이노
- 라즈베리파이
- 설치
- 리브레캐드
- oracle
- 톰캣
- 스크래치
- librecad
- Android
- 코딩
Archives
- Today
- Total
랩제이
[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법 본문
[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법
$(function(){
window.scrollTo(0, 1);//주소창 올림
// 화면 레이아웃 높이 구하기
var body = $('body').height();
var header = $('header').height();
var nav = $('nav').height();
var footer = $('footer').height();
var height = body - header - nav - footer;
// content 영역에 높이 적용하기
$('#content').css('height', height+'px');
});
[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법
'programming > mobile web' 카테고리의 다른 글
[mobile web] 모바일웹 화면전환시에 이벤트 발생하는 코드입니다. (0) | 2012.10.24 |
---|---|
[mobile web] 모바일웹 width에 따라서 css를 별도로 적용하는 예제 (0) | 2012.10.24 |
[mobile web] 주소창 올리기 (0) | 2012.10.23 |
[mobile web] jquery hash change (0) | 2012.09.11 |
[mobile web] jquery mobile 초기화 설정 ajax 관련 오류 수정하기 (0) | 2012.07.19 |