上部の固定ヘッダー。以下のスクロール可能な div。この質問はよく聞かれます:
- ヘッダー div は一番上にあり、垂直スクロール div はその下にあり、スクロールバーはその div にのみ接続されています
- 下にスクロール可能な div がある固定ヘッダー div
- コンテナ div 内にヘッダーとフッターが固定されたスクロール可能なボディを配置するにはどうすればよいですか?
しかし、モバイル Safari を破壊しない解決策を見つける必要があります。
上記の質問に対する受け入れられた解決策には、2 つの問題があります。1 つは、スクロール可能な div 内の慣性スクロールが機能しないことです。2 つ目は、スクロール可能な div の下部で上にスクロール (下にスワイプ) しようとすると、ラバー バンド効果が発生する可能性があることです。Mobile Safari は、スワイプを div または html ドキュメントのどちらをスクロールしようとする試みとして解釈するかについて、明らかに混乱しています。