일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- MSSQL
- oracle
- librecad
- 파주
- 오라클
- 잡토이 메이킹 코딩 학원
- 예제
- 강좌
- 톰캣
- tomcat
- 설치
- jobtoy
- 안드로이드
- 라즈베리파이
- 설정
- Android
- 잡토이
- s4a
- 스크래치
- 아두이노
- 코딩
- 리브레캐드
- 유니티
- 시작하기
- Unity
- 운정
- html5
- jsp
- Spring Security
- mysql
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 |