visualViewport対応版

下のボタンでフォームを開き、いちばん下の「ご相談内容」をタップしてください。

キーボードの高さぶんフォームが縮むため、画面全体が持ち上がらずヘッダーが残ります。素の実装と見比べてください。画面上部の黒い帯には、お使いの端末の実測値が表示されます。

このページの背景はスクロールできます。フォームを開くと背景のスクロールは固定されます。この対応版では、キーボード表示中もシートが画面内に収まり、ヘッダーの閉じるボタンが画面外へ出ません。