在Safari / iPhone上更改帧大小

Question

我喜欢在iPhone上带一个旧的Intranet应用程序。 包括隐藏位于框架中的菜单区域的功能：

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

菜单包含一个隐藏菜单框架的图标。为此我使用这个JavaScript表达式：

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

这适用于所有当前的桌面浏览器。但不适用于iPhone或iPad上的Safari。调试它似乎正确地改变了“cols”属性，但帧大小保持原样。

对此有何建议？或者以任何不同的方式更改框架大小的客户端？

Answer 1

坦率地说，我正在研究一种根本不涉及使用框架的解决方案。由于可访问性问题，框架在今天的网络中大多被弃用，而在移动和小型设备上，这些问题变得更加突出。

考虑在所有网页上将顶部框架转换为顶部面板<div>，可以使用CSS position:fixed; top:0;将其固定在屏幕顶部。然后，您可以使用JS直接调整div的大小。问我是否想要一个具体的例子。