2013-04-06 75 views
4

我在页面上有2个元素,标题和内容区域供人们输入文本。JavaScript On Browser调整大小

$('#body').css('min-height', $(window).height() - $('#title').height() - 220); 

有没有一种方法,我可以拥有它,所以当窗口大小时,#body改变其高度:

内容高度使用JavaScript来确定?

+0

添加事件。试试看DEMO

变化重新大小码'window.resize' – 2013-04-06 10:30:03

+0

啊哈,我找到了。谢谢! – user2203362 2013-04-06 10:31:46

回答

3

是的,这是可能的 - 只需添加resize事件处理程序是这样的:

$(window).resize(function() { 
    $('#body').css('min-height', $(window).height() - $('#title').height() - 220); 
}); 
0

,只要你想

$(window).bind('resize', function() { 
    $('#body').css('min-height', $(window).height() - $('#title').height()); 
}); 
+0

resize jfiddle输出窗口 – 2013-04-06 11:16:29

+0

上面的答案中使用'.bind()'而不是'.resize()'有什么不同?它做了不同的事情吗? – user2203362 2013-04-06 11:27:59

+0

这两个链接将帮助您了解http://www.elijahmanor.com/2012/02/differences-between-jquery-bind-vs-live.html http://stackoverflow.com/questions/4865566/in- jQuery的时候,应该-您使用的绑定,在点击或 - 任何 - 其他 - 给出事件 – 2013-04-06 11:52:52