Div与iFrame - 调整大小问题

我正在尝试创建一个可调整大小的内容窗格，该窗格将从本地文件加载当在页面的主内容一侧单击不同的链接时。Div与iFrame - 调整大小问题

我试过两种方法。首先是使用<div>，但我还没有找到一种好的方法来从外部来源加载这样。所以相反，我在div中使用了一个iFrame。

但是，我正在使用iFrame正确调整主要内容的大小。使用类似的代码，pure-div版本正确调整大小： http://jsfiddle.net/jvnn6/4/

但是，当我尝试使用iFrame时，页面左半部分的内容未正确调整大小。 http://jsfiddle.net/JX4yM/

在这里，我增加了以下CSS：

.ui-resizable-helper { 
    border: 50px solid rgba(239, 239, 239, .9); 
    margin: -75px; 
}

，这将jQuery

helper: "ui-resizable-helper",

这是怎么回事？（我不得不添加.ui-resizable-helper，因为当鼠标移动到iFrame上时，调整大小会变得很奇怪，下面是一个例子：http://jsfiddle.net/36S7p/1/）

=============== ================================================== ===

：我没有计划举办网上它很快

：另一种，当然，是嵌入在我的网页本身的一切，只是隐藏/显示不同的根据需要在右侧窗格中显示零件。但是，有一些结构性问题，我不会介入。

来源

2013-07-25 bobbyjoe93

从Javascript窗格中取出<script>标签，您就是金。你也需要得到身体宽度不是文件宽度。

$('#resizable').on("resize", function (event, ui) { 
    var setWidth = $("#resizable").width(); 
    $(".content").width($("body").width() - setWidth); 
});

Updated Fiddle

来源

2013-07-25 22:31:08

好一点！但是在内容线方面似乎有延迟 - 正确包装。我也很不舒服的想法，document.width在第一个工作得不错，但不是第二个... – bobbyjoe93

Div与iFrame - 调整大小问题

回答

相关问题