如何在窗口调整大小时更改div来更改最大高度?

时间:2012-01-23 16:55:09

标签: javascript jquery css

代码:http://jsfiddle.net/MDnrk/7/

对于那些懒得点击链接的人:

$j(function(){
    // need to fix some things that CSS doesn't seem to be able to fix (esp cross browser)
    fix_drawer_height()
    $j(window).resize(function() {
        fix_drawer_height()
    });
})


function fix_drawer_height(){
    var new_height = document.body.offsetHeight - $j(".redline_info_scrollable").offset().top; 
    $j(".redline_info_scrollable").css({
        'max-height': new_height + 'px;'
    });
}

现在,在我的应用程序中,fix_drawer_height()在DOM准备就绪时被调用,但它似乎没有在JS小提琴中调用..所以我不确定这是否是显示此问题的正确媒介。

仍然不确定窗口调整大小会使侦听器无法正确设置最大高度。 = \

目标是让可滚动的div始终延伸到窗口的高度。

通常我只是在CSS中使用高度:100%,但这不是真正的跨浏览器,并且无法使用div在我的实际应用中的位置。

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用:

function fix_drawer_height() {
    $('.redline_info_scrollable').height($(document).height());
}

并将其添加到onload或onresize;

工作代码:http://jsfiddle.net/MDnrk/13/