iOS 10 Safari：防止在固定覆盖后滚动并保持滚动位置

当显示固定位置覆盖时，我无法阻止主体内容滚动。类似的问题已经被问过很多次了，但是以前有效的所有技术似乎都不适用于iOS 10中的Safari。这似乎是最近的问题

一些注意事项：

• 如果我将html和body都设置为overflow:hidden，则可以禁用滚动，但是这会使body内容滚动到顶部
• 如果覆盖中的内容足够长，可以滚动，则主页内容将正确禁用滚动。如果覆盖中的内容不够长，无法引起滚动，则可以滚动主页内容
• 我包含了一个来自https://blog.christoffer.online/2015-06-10-six-things-i-learnt-about-ios-rubberband-overflow-scrolling/ 在显示覆盖时禁用touchmove。这以前是有效的，但现在不再有效

以下是完整的HTML源代码：

&lt；！doctype html&gt；
&lt；html&gt；
&lt；头&gt；
&lt；meta charset=“UTF-8”大于；
&lt；meta name=“viewport”content=“width=设备宽度，初始比例=1”&gt；
&lt；脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js“&gt&lt/脚本&gt；
&lt；style type=“text/css”&gt；
html，正文{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
身体{
字体系列：arial；
}
#覆盖层{
显示：无；
位置：固定；
z指数：9999；
左：0；
右：0；
排名：0；
底部：0；
溢出：滚动；
颜色：#fff；
背景：rgba（0,0,0,0.5）；
}
#覆盖跨度{
位置：绝对位置；
显示：块；
右：10px；
顶部：10px；
字体大小：粗体；
字体大小：44px；
光标：指针；
}
#叠加p{
显示：块；
填充：100px；
字体大小：36px；
}
#页面{
宽度：100%；
身高：100%；
}
a{
字体大小：粗体；
颜色：蓝色；
}
&lt/风格&gt；
&lt；脚本&gt；
$（函数（）{
$（'a'）。单击（函数（e）{
e、 预防默认值（）；
$（'body'）.css（'overflow'，'hidden'）；
$（'#page'）.addClass（'disable-scrolling'）；//用于下面的touchmove技术
$（'#overlay'）.fadeIn（）；
});
$（“#覆盖范围”）。单击（函数（）{
$（'body'）.css（'overflow'，'auto'）；
$（“#page”）.removeClass（'disable-scrolling'）；//用于下面的touchmove技术
$（“#覆盖”）.fadeOut（）；
});
});
/*技术来自http://blog.christoffer.me/six-things-i-learnt-about-ios-safaris-rubber-band-scrolling/ */
document.ontouchmove=函数（事件）{
var isTouchMoveAllowed=true，target=event.target；
while（目标！==null）{
if（target.classList&amp；target.classList.contains（'disable scrolling'））{
isTouchMoveAllowed=false；
打破
}
target=target.parentNode；
}
如果（！isTouchMoveAllowed）{
event.preventDefault（）；
}
};
&lt/脚本&gt；
&lt/头&gt；
&lt；车身&gt；
&lt；div id=“overlay”&gt；
&lt；span&gt&amp；时代&lt/span&gt；
&lt；p&gt；固定式popover&lt/p&gt；
&lt/部门&gt；
&lt；div id=“page”&gt；
&lt；strong&gt；这是顶部&lt/strong&gt&书信电报；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
大量可滚动内容&lt；br&gt；
asdfasdf&lt；br&gt；
&lt；br&gt；
&lt；部门&gt&书信电报；a href=“”&gt；显示Popover&lt/a&gt&lt/部门&gt；
&lt；br&gt；
&lt；br&gt；
&lt/部门&gt；
&lt/车身&gt；
&lt/html&gt；