如何通过拖动功能干净利落地调整iFrame的大小？

Question

我有一个iFrame，我希望用户能够抓住它的一面，并拖动它来调整大小。我不想让它实时调整大小，而是使用一个指示线，当用户释放时，它就会调整大小。

我使用的是jQuery。

有什么帮助吗？

Answer 1

我想，经典的方法是把IFrame放在一个div里面，并使div可以重新调整大小；也使iFrame的宽度和高度为100%。

如果你使用JQuery，你能不能用jQuery.load('uri')代替iFrame？我相信在很多情况下这是比较好的。

Answer 2

jQuery Resizable 并按照您的要求提供一个最终尺寸的指标。 请看Russ C的评论和一个更好的解决方案的链接。

Answer 3

http:/jqueryui.comdemosresizable#visual-feedback。

在DIV内的iFrame似乎可以做到这一点。

Answer 4

从2020年起，你可以简单地添加CSS属性。resize: both 或 resize: vertical 到iframe元素。