Question

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

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

我正在使用simpleModal 1.4.1插件+ jquery 1.4.2，我正在编写的脚本代码就是我正在挣扎的。
我的HTML内容的高度实际上不是固定大小。在内容方面，我有一个高度：100％的htmldoc＆amp;内部容器的主体+ iframe内容。

$ j（文件）.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做点什么了。也许冰箱里的啤酒还没有我的名字。

也许最重要的是，有一些名叫埃里克的仁慈技术人员可以帮助我解决我的困境。

干杯

依婷

Answer 1

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

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

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

1 个答案: