Javascript iPad向下滑动导致滚动锁定

我有一个固定的元素，带有淡入淡出的背景，允许覆盖显示（从左侧）。现在这一切都很好，但问题是在iPad上

问题：如果您单击iPad上的按钮并立即向下滑动（不是向下滚动而是向上滚动），然后立即尝试向上滚动（开始滚动内容）。滚动将冻结，直到您释放几秒钟

我已经进行了全面的调试，但我不明白为什么会发生这种情况

在某些点上，我注意到，当它锁定时，尝试滚动时，页脚开始显示

编辑：在iPad上试用的Url:

$（'.mainclick'）。单击（函数（e）{
e、 预防默认值（）；
$（'.left panel、.slide panel fade screen'）。toggleClass（'is-visible'）；
/*$（'.left panel'）.addClass（cssClass）；
$（'.left panel'）.attr（'slidingClass'，cssClass）*/
});
$（“.滑动面板淡入淡出屏幕”）。单击（功能（e）{
e、 预防默认值（）；
$（'.left panel、.slide panel fade screen'）。toggleClass（'is-visible'）；
/*$（'.left panel'）.addClass（cssClass）；
$（'.left panel'）.attr（'slidingClass'，cssClass）*/
});
。滑动面板内容{
最大高度：无；
溢出：隐藏；
顶部：0px；
底部：0px；
背景色：#fff；
-webkit溢出滚动：触摸；
}
.滑动面板-content.is-visible{
-webkit转换：translateX（0）；
-ms变换：translateX（0）；
变换：translateX（0）；
}
.滑动面板-content.midd-content.is-visible{
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
变换：translateY（0）；
}
.滑动面板内容.滑动面板内容{
最大高度：无；
位置：相对位置；
溢出：隐藏；
身高：100%；
排名：0；
右：0；
左：0；
底部：0；
背景色：#FFF；
显示：块；
-webkit溢出滚动：触摸；
}
.滑动面板内容.滑动内容.固定内容{
最大高度：100%；
溢出：自动；
排名：0；
右：0；
左：0；
底部：0；
背景色：#fff；
-webkit溢出滚动：触摸；
z指数：99999；
填充：10px；
}
.滑动面板关闭{
位置：固定；
右：22px；
顶部：17px；
高度：19px；
宽度：19px；
显示：块；
}
.关闭{
光标：指针；
}
.滑动面板渐变屏{
位置：固定；
溢出：自动；
顶部：0px；
右：0px；
底部：0px；
左：0px；
-webkit溢出滚动：触摸；
-webkit过渡：所有0.15秒都减少0秒；
-moz转换：所有0.15秒都会减少0秒；
过渡：所有0.15秒都减少0秒；
背景:#ececec ;；
不透明度：0；
可见性：隐藏；
}
.滑动面板-淡入淡出屏幕。可见{
不透明度：0.85；
能见度：可见；
}
诺斯克罗尔先生{
溢出：隐藏；
-webkit溢出滚动：自动；
}
.右面板{
位置：固定；
左：自动；
右：0px；
宽度：400px；
-webkit转换：translateX（400px）；
-moz变换：translateX（400px）；
-ms变换：translateX（400px）；
-o-变换：translateX（400px）；
转换：translateX（400px）；
-webkit转换：所有0.25s线性；
-moz过渡：所有0.25s线性；
过渡：所有0.25s线性；
}
.左面板{
位置：固定；
左：0px；
右：自动；
宽度：502px；
-webkit转换：translateX（-576px）；
-moz变换：translateX（-576px）；
-ms变换：translateX（-576px）；
-o-变换：translateX（-576px）；
转换：translateX（-576px）；
-webkit转换：所有0.25s线性；
-moz过渡：所有0.25s线性；
过渡：所有0.25s线性；
}
.中间内容{
位置：固定；
保证金：0自动；
左：0px；
右：0px；
宽度：85%；
-webkit转换：translateY（-85%）；
-莫兹变换：translateY（-85%）；
-ms转换：translateY（-85%）；
-o-变换：translateY（-85%）；
转化：translateY（-85%）；
-webkit转换：所有0.25s线性；
-moz过渡：所有0.25s线性；
过渡：所有0.25s线性；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec iaculis aliquam libero，但lobortis dui iaculis a。佩伦茨克效率最高。Donec accumsan ultricies justo eget发酵液。他是一位伟大的政治家。我不知道该怎么做。这句话的意思是：“活在当下。”。维尼那提斯坦普斯酒店。这是一种侵权行为。利奥·奥奇（leo orci）、波特提托（porttitor）和奥古斯·萨吉提斯（augue sagittis）、奥迪奥（pretium rhoncus odio）的维瓦摩斯（Vivamus）。不要和其他人分享你的生命。南临时厄洛斯ac justo ullamcorper semper。在《罗诺斯选经》中，它是一本书。
每分钟一次。Morbi placerat lorem和velit egestas consequat。第二阶段是安特，第二阶段是亨德雷特，第二阶段是尼布。但不是菱形的，而是高贵的多洛。Donec tempor，diam auctor eleifend mattis，mi diam前庭拱门，eget laoreet velit massa ut nisl。这是一个很好的例子。Phasellus曾担任拍卖人leo，et hendrerit前Nunc quis orci sollicitudin，porttitor elit quis，tincidunt magna。在molestie酒后驾车，ultrices mauris生命。佩朗茨克苏打水乌兰柯布拉库斯乌兰柯布普雷蒂姆。Nam convallis orci orci，eget malesuada mauris auctor nec。这是一种高贵的生活方式。潜力悬钩子。
虎口浮雕和肘部浮雕同侧前庭；这是一个很好的例子。莫利斯河威胁着尤伊斯莫德。这是一个很好的解释。奥古斯都和朗卡斯的酒杯。中间花药。整数厄洛斯安特，法雷特拉欧盟马蒂斯维塔，莫利斯维尔酒后驾车。大菱鲆。埃尼安·多洛·图皮斯，我是维韦拉·诺恩，我是智者。那是我的名字。在亨德雷特码头、比勒蒂姆·戴姆·塞特码头、普拉斯拉特·里索斯码头的酒后驾车。女仆。
这是一种世仇，是一种生活。毛里斯是马萨阿库。枕前矢状肌