jquery simplemodal 1.4.1 动态高度 - 视口工具栏膨胀

Question

请给我一些建议好吗？我有一个滚动条出错的问题！在意识到我遇到了视口问题和工具栏膨胀之前，我已经在各种浏览器中尝试了我的概念！

基本上我的攻击线是尝试根据视口大小动态改变 simpleModal.container 的高度，然后祈祷第二个滚动不出现！ [i.imgur.com/EPFU8.jpg]

我正在使用 simpleModal 1.4.1 插件 + jquery 1.4.2，而我在下面编写的脚本代码是我正在苦苦挣扎的。
我的 HTML 内容的高度并不是一个固定的大小。在内容方面，我有一个高度：内部容器 + iframe 内容的 htmldoc 和正文上的 100%。

$j(document).ready(function() {

$j('a.popup').click(function() {
  var src = $j(this).attr('href');
  // Dynamically adjust height comparative to available viewport.
  var h = $j(window).height()-100+'px';

  $j.modal('<iframe id="dialog-frame" scrolling="auto" frameborder="0" src="' + src + '"></iframe>',
    { onOpen: modalOpen($j('#simplemodal-container')), onShow: $j('#simplemodal-container').css('height', 'auto'), overlayClose: true, persist: true, minHeight: "720px", containerCss: { height: h } });          
        return false;
    });

  function modalOpen(dialog) {
    var h = $j(window).height()-80+'px';
    dialog.animate({height: h, width: "820px"}, 0);
  }
});

也许一个好的解决方法是在“绘制时间”用动画改变高度？

也许我忘了用 iFrame 做点什么。也许冰箱里有一种没有我名字的啤酒。

也许，最重要的是，有一位名叫 Eric 的仁慈技术人员可以帮助我解决难题。

干杯

提米

Answer 1

创建一个 onShow 回调，然后尝试以下操作：

onShow: function (d) {
    $.modal.setContainerDimensions();
    // or
    //$.modal.update();
}