2014-10-09 74 views
0

我有一個頁眉和頁腳div高度設置爲100px,我做了一個簡單的jquery函數,使得中心元素在瀏覽器大小上改變其高度,以便頁面始終100%的視口高。在IE瀏覽器中沒有正確執行jquery 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以外的所有瀏覽器中都很有魅力。任何人都可以幫我弄清楚爲什麼?我使用的應該是IE8兼容的jQuery 1.11.1,並且我還包含了html5shiv.min.js和respond.min.js來擴展IE8的功能。

+0

它在IE8中做什麼或不做什麼? – Turnip 2014-10-09 12:09:52

+1

我知道這不是你的答案,但停止支持IE8(只有2%的用戶使用它:http://www.w3schools.com/browsers/browsers_explorer.asp)。這是一個古老的crapy瀏覽器,如果任何人仍然使用它,他們應該得到一個糟糕的互聯網體驗。 – 2014-10-09 12:11:16

+0

IE8不是全球用戶的2%。這些統計數據僅針對W3School的訪問者(主要是網絡學生和非關注專業人士,因此,只有2%的受衆使用IE8纔有意義)。 「從以下統計數據(從2002年以來從W3School的日誌文件中收集),您可以閱讀瀏覽器使用的長期趨勢。」 – enguerranws 2014-10-09 12:15:35

回答

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);例子。 – 2014-10-09 13:18:46

相關問題