我有一个页面，里面有一个典型的标签内容和一个“页脚”元素。触摸时，此页脚元素将打开为整页覆盖。页脚的大小设置为窗口高度，但页脚的内容通常更长并且会滚动。
此时，我将页脚 css 的内容设置为
footer {
overflow-y:scroll;
position:fixed;
-webkit-overflow-scrolling:touch;
height: (set to window height inline);
}
只有当页脚展开时，body 才设置为下面的 css。
body {
overflow: hidden;
}
在桌面上的 Chrome 和 Safari 中进行测试可以正常工作，并且页脚内容会滚动。在 iOS Safari 中测试时，内容有时滚动良好，除非您触摸并按住，然后移动。它抓住并在展开的页脚后面滚动。
我一直在为此绞尽脑汁，尝试了很多我读过的解决方案，但无济于事。
任何想法将不胜感激。