我们正在使用从左侧浮动的汉堡菜单。由于页面很长且菜单很短，因此决定将文档高度设置为等于菜单高度。我们使用的是jQuery，所以这是一个非常简单的代码行：
$(document).height( 1025 ); // the number is just an example
无论如何，这可以作为FF，桌面版Chrome和Chrome设计模拟器的魅力，但在移动版Safari上失败（在带iOS8的iPad上测试）。
在设置为所需值后尝试检查文档高度时，它只是没有更改：
alert($(document).height());
这给出了：桌面浏览器上的1025和移动Safari上的3000+。
所以问题是 - 有没有人知道如何解决这个问题 - 例如如何在移动Safari上设置$(document)高度？
答案 0 :(得分：1)
好像是Safari中的错误。您可以尝试准确检测此版本的Safari：
navigator.userAgent.match
如果“匹配”等于破损的Safari，则在body元素中添加特殊类：
$（ '主体'）AddClass（ 'safarifix'）;
完成此操作后，尝试将某种CSS添加到您网页的<head></head>：
.safarifix { height: 1025px; }