jquery height 사이즈 구해서 컨텐츠에 닿으면 스크롤바 생기게하기 질문 좀 드릴게요
얀새
function reheight(){
var docHeight = $(window).height();
var headerHeight = $(.header).height();
var conHeight = $(.contents).height();
var footerHeight = $(.footer).height();
var sum = docHeight - (headerHeight + footerHeight);
if (sum conHeight){
sum = conHeight;
}
$(.contents_wrap).css({height:sum});
// alert(sum);
}
$(window).load(function() {
reheight();
});
$(window).resize(function() {
reheight();
});
소스는 위와 같구요
헤더는 항상 위에 푸터는 항상 마지막에 위치하게 하였구요
.contents_wrap 요놈이 유동적인 값을 가지고 브라우저를 줄이다가
.contents 요놈에다 닿으면 스크롤바가 생기게 되는데요
ie7,8 / 크롬 / 파폭 이렇게 잘되는데요
ie9가 말썽을 부리네요 브라우저를 늘렸다 줄였다 하는건 이상없구요
ie9에서 이상있는 부분이 풀브라우저 상태에서 브라우저 상단을 더블클릭하여 줄였을 경우
컨텐츠 크기에 닿지도 않았는데 스크롤바가 생기면서 푸터가 밑에 안닿고(줄여진 보여지는 부분 끝에 푸터가 위치되어지고)
더 밑쪽으로 하얀 여백이 생겨버리네요 ;;
이 난감한 상황을 어찌.. 하여야 할까요 ㅜ ㅜ
