内部に典型的なタグ コンテンツと「フッター」要素を含むページがあります。このフッター要素は、タッチするとフル ページ オーバーレイとして開きます。フッターのサイズはウィンドウの高さに設定されますが、フッターのコンテンツは通常より長く、スクロールします。
この時点で、フッター css の内容を
footer {
overflow-y:scroll;
position:fixed;
-webkit-overflow-scrolling:touch;
height: (set to window height inline);
}
フッター展開時のみ下のcssにbodyを設定しています。
body {
overflow: hidden;
}
デスクトップ上の Chrome と Safari でのテストは正常に機能し、フッター コンテンツはスクロールします。iOS Safari でテストしたところ、タッチ アンド ホールドして移動しない限り、コンテンツが正常にスクロールする場合があります。をつかみ、展開されたフッターの後ろにスクロールします。
私はこれに頭を悩ませており、読んだ多くの解決策を試してみましたが、役に立ちませんでした。
どんなアイデアでも大歓迎です。