Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 弹出窗口的动态高度取决于内容,是否可能?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 弹出窗口的动态高度取决于内容,是否可能?

Javascript 弹出窗口的动态高度取决于内容,是否可能?,javascript,jquery,html,Javascript,Jquery,Html,是否有可能获得一个宽度始终为400px,但动态高度取决于弹出窗口中的内容的窗口弹出窗口 我已经看到了这一点,但不知道如何将其应用于弹出窗口 如果指定overflow:auto且未在元素上指定高度,则该元素的高度应动态增长。最快的解决方案是在打开窗口之前知道窗口的高度。如果您知道这一点,那么您可以将其作为参数传递给打开弹出窗口的函数,从而使弹出窗口具有正确的高度。好吧,因为您依赖JavaScript来弹出窗口,您可以这样做。。。 您已经标记了jQuery,所以这里是一个开始。。。将其放置在弹出窗口

是否有可能获得一个宽度始终为400px,但动态高度取决于弹出窗口中的内容的窗口弹出窗口

我已经看到了这一点,但不知道如何将其应用于弹出窗口


如果指定overflow:auto且未在元素上指定高度,则该元素的高度应动态增长。

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

好吧,因为您依赖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
});
解决


谢谢,但我需要知道的是你是如何找到高度的我不认为这适用于windowsoy,我的坏…以为这是dhtml弹出窗口。这很好,我可以使用window.resizeBy()但它在IE中不起作用:(你知道IE的解决方法吗?
$(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());
  });
});