在Safari/iPhone上更改帧大小

Question

我想将一款老旧的内部网络应用移植到iPhone上。 其中包括一个隐藏位于框架中的菜单区域的功能：

<frameset id="myFrameSet" cols="150,*">
    <frame id="menuFrame" SRC="menu.aspx" />
    <frame id="mainFrame" SRC="main.aspx" />
</frameset>

菜单中包含一个图标，可以将菜单框架最小化隐藏。为此，我使用以下JavaScript表达式：

菜单包含隐藏菜单框架的图标，使用此JavaScript表达式：

top.document.getElementById('myFrameSet').cols = "20,*";

这在所有当前的桌面浏览器中都能很好地工作。但在iPhone或iPad上的Safari中却不行。调试后发现，它似乎正确地更改了“cols”属性，但框架大小仍然与之前相同。

有关此问题的任何建议？或者有没有其他更改客户端框架大小的方法？

- Ulli

Answer 1

坦白说，我会尝试寻找不使用框架的解决方案。由于可访问性问题，框架在今天的网络中已经被淘汰了，在移动设备和小型设备上，这些问题变得更加突出。

考虑将您的顶部框架转换为所有页面上的顶部面板，可以使用CSS position:fixed; top:0;将其定位到屏幕顶部。然后，您可以使用JS直接调整div的大小。如果需要具体示例，请告诉我。

- BoffinBrain