潜水高度解决方案

Div height solution?

本文关键字：解决方案 高度 潜水      更新时间：2023-09-26

我得到了以下javascript：

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

这允许我将div的高度设置为与文档大小相同。但此刻我遇到了一个大问题。在我的网站上有各种javascript选项，可以拉伸原始文档的高度。

正如您所猜测的，当文档被拉伸时，div不会被拉伸，因为脚本只在加载时运行。

现在我的问题是，是否有其他方法可以让javascript在每次文档大小增加或运行javascript时重新计算高度。我已经尝试将以下代码放在一些javascript代码后面：

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

其中一些确实有效，但大多数没有。除了javascript之外，还欢迎其他解决方案。

问候，

Augus

然而，您可以使用文档"调整大小"事件：

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

在大多数情况下，很可能不建议使用它——不过，当我在网页中生成动态背景时，它对我很有用。理想情况下，您希望使您的原生结构和样式能够处理大小调整，但这并不总是容易的。

使用调整大小事件。

它将类似于：$(window(.resize($(window(.height(((

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

您可能需要使用window.setTimeout来管理调用频率。IE在拖动时连续调用它。

相关文章：