2014-10-09 3 views
0

페이지 머리글과 바닥 글 div 높이가 100px로 설정된 페이지가 있고 브라우저의 크기를 중앙 요소로 변경하는 간단한 jquery 함수를 사용하여 페이지 크기를 항상 조정합니다. 뷰포트의 높이가 100 %입니다.jquery가 Internet Explorer 8에서 올바르게 실행되지 않았습니다.

//resize 
function resize_scroll_pane() { 
    var dynamic_height = $(window).height() - ($(".navbar").outerHeight() + $(".footer").outerHeight()); 
    $(".scroll-pane, .items, .items img").css("height",dynamic_height + "px"); 
} 

$(document).ready(function() { 
    resize_scroll_pane(); 
    $(window).bind('resize', resize_scroll_pane); 
}); 

IE8을 제외한 모든 브라우저에서 매력적으로 작동합니다. 아무도 내가 왜 알아낼 수 있습니까? jquery 1.11.1은 IE8과 호환되어야하며 IE8의 기능을 확장하기 위해 html5shiv.min.js와 respond.min.js도 포함 시켰습니다.

+0

IE8에서는 무엇을합니까? – Turnip

+1

이 답변은 당신이 후 있지만 IE8 (사용자의 2 % 만 사용 : http://www.w3schools.com/browsers/browsers_explorer.asp)을 지원하지 않습니다. 그것은 오래된 crapy 브라우저이고 누군가가 여전히 그것을 사용한다면 그들은 진절머리 나는 인터넷 경험이 있어야합니다. –

+0

IE8은 전세계 사용자의 2 %가 아닙니다. 이 통계는 W3Schools 방문자 (주로 웹 학생 및 비 관련 전문가이므로이 사용자 중 2 %만이 IE8을 사용함)에 대한 것입니다. "아래의 통계 (2002 년부터 W3School의 로그 파일에서 수집)에서 브라우저 사용의 장기적인 경향을 읽을 수 있습니다." – enguerranws

답변

1
$(window).scroll(resize_scroll_pane); 
$(window).resize(resize_scroll_pane); 

두 가지를 모두 사용할 수 있습니다. 그 IE8에서 나를 위해 일하고.

+0

답장을 보내 주셔서 감사합니다. 문제는 동일한 $ (document) .ready (function()) 내에서 초기화 된 jqueryLoader2 플러그인이 공간을 절약하기 위해 위의 예제에서 해당 매개 변수를 작성하지 않았기 때문에 발생한 것으로 보입니다. (navigator.userAgent.match (/ MSIE 8 /) == null) {} 그래서 그것을 IE8에서 실행되지 않습니다 및 크기 조정 작동합니다. 어쨌든 나는 $ (window) .scroll (resize_scroll_pane); 예제. –

관련 문제