[解決済み] モバイルウェブ -webkit-overflow-scrolling: touch が position:fixed と競合している

質問

私が使っているのは position: fixed を使用して、モバイル用ウェブアプリケーションに固定トップナビゲーションメニューを作成しています。

を追加した後 -webkit-overflow-scrolling: touch で、スクロールはスムーズに行われます。しかし、スクロール中にトップメニューが表示されなくなります。スクロールが止まってから表示されます。

など、多くの解決策を探しました。 CSS3 プロパティ webkit-overflow-scrolling:touch ERROR そして iOS5 webkit-overflow-scrolling: touch でスクロールすると画像が消える。 . しかし、与えられた解決策は、私のために動作していません。この例をご覧ください。 http://jsbin.com/woxuwihuzu/12/ (iPhone 5c Chrome/Firefoxから訪問)。

何か見落としがあったのでしょうか？

解決方法は？

2日間格闘した後、この投稿が私を救ってくれました。 画面の高さ100%のCSS .

コンテンツエリアの高さを画面の高さと同じになるように制限しなければならないのですが。動作デモはこちらをご覧ください。 http://jsbin.com/tubaqaqumi/3/ (実際の携帯電話からの訪問。Chromeシミュレーターでは違いがわかりません)。