2011-10-25 82 views
0

我得到了以下的javascript:Div高度解决方案?

<script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#sidebar").height($(document).height()); 

    }); 
    </script> 

这让我能够把一个DIV一样的文档大小的高度。但是目前我遇到了一个大问题。在我的网站有各种JavaScript选项可以拉伸原始文档高度。

当文档被拉伸,因为脚本只在负载运行时,您能猜出股利不会拉伸。现在

我的问题是,如果有其他的方式来让JavaScript的重新计算高度每文件大小增加或当JavaScript的运行时间。我已经试图把下面的代码背后的一些JavaScript代码:

$("#sidebar").height($(document).height()); 

他们中有些人做了工作,但大多数人没有。除此之外的其他解决方案也是受欢迎的。

亲切的问候,

安格斯

+0

为什么不用'CSS **而不是js将div的高度设置为'100%'呢? – JMax

+0

同意@Jmax,用CSS做这件事更好。 – OptimusCrime

+0

原因100%不会填满整个页面。即使当我将它绑定到身体标记。 (我知道怪异的sh * t) – Augus

回答

0

远离高效的,但是,你可以使用文件“调整”事件:

$(document).resize(function() { 
    //re-run code here. 
} 

使用,这将很可能不会被推荐为大部分 - 它在网页中生成动态背景时对我很有用,但是。理想情况下,您希望使您的本地结构和样式能够应对调整大小,但这并非总是那么容易。

0

使用resize事件。

这将是这样的:$(窗口).resize($(窗口).height())

0
window.onresize = function() { 
$("#sidebar").height($(document).height()); 
// other stuff you want to do when the window is resized 
} 

您可能需要使用window.setTimeout来管理这是怎么通常被称为。 IE浏览器为一个拖动它不断调用它。