如何在不混淆移动Safari的情况下在固定标题下创建可滚动div？

Question

顶部固定标头。可滚动的div下面。这个问题被问了很多：

• Header div stays at top, vertical scrolling div below with scrollbar only attached to that div
• fixed header div with scrollable div below
• How can I have a scrollable body with fixed header and footer inside a container div?

但我需要找到一个不会破坏移动版Safari的解决方案。

上述问题的公认解决方案存在两个问题。一个是可滚动div内的惯性滚动不起作用。第二个是当你尝试向上滚动（向下滑动）可滚动div的底部时，你可能会得到橡皮筋效果。移动Safari显然对是否将滑动解释为尝试滚动div或html文档感到困惑。