jQuery在Internet Explorer 8中未正确执行

Question

I have a page with header and footer div height set to 100px, and I made a simple jquery function that makes the central element change its height on browser resize, so that the page is always 100% of the viewport tall.

//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);
});

It works like a charm in all browsers except in IE8. Can anyone help me figure out why? I'm using jquery 1.11.1 which should be IE8 compatible, and I also included html5shiv.min.js and respond.min.js to expand IE8's functionality.

Answer 1

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

you may use both of them. Its working for me in IE8.