javascript - jquery 在 Internet Explorer 8 中未正确执行

Question

我有一个页眉和页脚 div 高度设置为 100px 的页面，我制作了一个简单的 jquery 函数，使中心元素在浏览器调整大小时更改其高度，因此页面始终是视口(viewport)高度的 100%。

//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 的功能。

Answer 1

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

你可以同时使用它们。它在 IE8 中对我有用。