弹出窗口的动态高度取决于内容，这可能吗？答案

【问题标题】：Dynamic height for popups depending on content, is it possible?弹出窗口的动态高度取决于内容，这可能吗？
【发布时间】：2009-06-11 01:23:20
【问题描述】：

是否可以获得始终为 400 像素宽但动态高度取决于弹出窗口中的内容的窗口弹出窗口？

我已经看到了，但不确定如何将其应用于弹出窗口

Adjust width height of iframe to fit with content in it

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

好吧，既然你依赖 JavaScript 来弹出，你可以这样做...... 您已经标记了 jQuery，所以这是一个开始...将它放在弹出窗口中。

$(document).ready(function() {

var popupHeight = parseInt($('#elementThatWillGetTaller').css('height')); // parseInt if we get a '200px'

// code to set window height - I know it can be done because I've seen osCommerce do it
});

【讨论】：

这很好，然后我可以使用 window.resizeBy() 但它在 IE 中不起作用:( 你知道 IE 的解决方法吗？

【解决方案2】：

最快的解决方案是在打开窗户之前知道窗户的高度。如果您知道，那么您可以将其作为参数传递给打开弹出窗口的函数，从而使弹出窗口具有正确的高度。

【讨论】：

谢谢，但我需要知道的是你是怎么知道高度的

【解决方案3】：

解决了

$(document).ready(function() {

  // For IE
  var h = $('#page').outerHeight();
  var newH = h + 20;
  window.resizeBy(0, newH - $(window).height());

  // Only works in Firefox/Safari
  $('img').load(function() {
    var h = $('#page').outerHeight();
    var newH = h + 20;
    window.resizeBy(0, newH - $(window).height());
  });
});

【讨论】：

【解决方案4】：

如果您指定溢出：自动并且未在元素上指定高度，则该元素应动态增加高度。

【讨论】：

我认为这不适用于 windows
oy，我的错...以为是 dhtml 弹出窗口。