Question

是否可以获得一个总是400px宽的窗口弹出窗口，但动态高度取决于弹出窗口中的内容？

我已经看过这个，但不知道如何将它应用于弹出窗口

Adjust width height of iframe to fit with content in it

Answer 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
});

Answer 2

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

Answer 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());
  });
});

Answer 4

如果指定overflow：auto并且未在元素上指定高度，则该元素应该动态增长。

弹出窗口的动态高度取决于内容，是否可能？

4 个答案: