为什么我的Javascript会在iOS上崩溃？

我在JSFIDLE上实现了这段代码，它在桌面浏览器上运行良好，在某种程度上在移动设备上运行良好

我的代码在做什么

如果屏幕宽度大于960px（或约960px），将显示正常的水平导航，但是如果屏幕宽度小于960px，导航将成为按钮的一部分，单击按钮时，将在垂直菜单中显示相同的链接。当您滚动页面时，页眉将收缩到较小的高度，如果返回页眉顶部，页眉将返回到与之前相同的高度。还有一个.load脚本，它将确保即使在调整浏览器大小时（主要用于桌面），也能实现这一切

jQuery（文档）.ready（函数（$）{
//前置菜单图标
$（'nav'）。前置（''）；
/*切换导航*/
$（“#菜单图标”）。在（“单击”，函数（）上）{
$（“ul#prim”）.slideToggle（）；
$（此）.toggleClass（“活动”）；
});
});
//滚动上的导航调整事件大小
$（文档）。滚动（函数（）{
如果（$（窗口）.width（）>959）{
$（“ul#prim”）.addClass（“adjTop”）；
}
如果（$（窗口）.width（）105）{
//将固定div设置为小尺寸动画：
$（'header'）.stop（）.animate（{height:90}，50，'linear'）；
$（'ul#prim.adjTop'）.stop（）.animate（{top:'50%，'margin top'：18}，50，'linear'）；
$（'ul#prim'）.stop（）.animate（{top:62}，50，'linear'）；
$（“img.logo”）.fadeOut（）；
$（“img.bao_标志”）。法代因（1000）；
}否则{
//将固定div设置为原始大小的动画
$（'header'）.stop（）.animate（{height:175}，50，'linear'）；
$（'ul#prim.adjTop'）.stop（）.animate（{top:'50%，'margin top'：18}，50，'linear'）；
$（'ul#prim'）.stop（）.animate（{top:105}，50，'linear'）；
$（“img.logo”）.fadeIn（1000）；
$（“img.bao_logo”）.hide（）；
}
});
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>959）{
$（“ul#prim”）.addClass（“adjTop”）；
}
if（$（窗口）.width（）好的，在测试了几天后，我重新访问了meta viewport标签，添加了一个最大比例属性和用户可伸缩属性，解决了问题。不确定这是否是正确的方法，因为用户被阻止收缩/缩放，因此影响可用性，但这是一个短期解决方案尽管如此

我的视口标记现在看起来是这样的：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


希望在这方面得到一些帮助…有人吗？我现在看到了.scrollTop功能的问题，我认为当做出手势时，iOS会触发鼠标滚轮事件，从而改变“header”和“ul#prim”的状态。不知道如何解决这个问题…有人吗？
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">