Javascript 使用iframes模拟框架集

我正在使用HTML/Javascript/CSS编写一个应用程序。不是，但为了解决这个问题，让我们假设它是一个照片浏览器应用程序，在左窗格中显示文件夹的树状视图，在右窗格中显示可缩放的照片预览

 +---------+---------------------+
 |        ^|                     |
 |        #|                     |
 | tree   ||       zoomable      |
 | view   ||       image         |
 | with   ||       preview       |
 | scroll ||                     |
 | bar    |+---------------------+
 |        ||                     |
 |        v|       details       |
 +---------+---------------------+

目前，我正在使用一个框架集，这对Chromium、IE9等产品非常有效

然而，我想支持iPad，它的框架集支持有些奇特，甚至可能是非标准的

我考虑过YUI布局经理和类似的人。但是，调整大小不是“活动”的，并且在释放间隔棒之前不会发生。在大多数浏览器中使用框架集时，框架的内容会在拖动时调整大小。这使应用程序感觉更像一个应用程序，是用户体验的重要组成部分

---

现在我突然想到，应该可以通过使用iframe、间隔div和一些javascript来调整大小来复制框架集。对于我的问题来说，这可能非常简单：以前有这样做过吗？如果没有，是否有一个库可以让它变得简单？

您是否考虑过根本不使用框架？如今的共识似乎是框架是邪恶的，应该像瘟疫一样避免。是否有原因不能使用divs和overflow:scroll；，在页面上显示所有内容；？我想这是可行的，但这意味着在div相互交互时使用AJAX加载div。此外，当间隔条被拖动时，是否可以“实时”调整div内容的大小？使用正确的JavaScript，几乎可以做任何事情。