html - 如何在固定标题下方制作可滚动的 div 而不会混淆移动 Safari？

Question

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

• 标题 div 保持在顶部，垂直滚动 div 下方，滚动条仅附加到该 div
• 固定标题 div，下面有可滚动的 div
• 如何在容器 div 中有一个带有固定页眉和页脚的可滚动正文？

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

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