私はposition: fixed
を使用して、モバイルWebアプリケーションに固定上部ナビゲーションメニューを作成します。
-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%screen height css 。
コンテンツ領域の高さを画面と同じ高さに制限する必要があります。動作するデモをここで見つけてください: http://jsbin.com/tubaqaqumi/3/ (実際の電話からアクセスしてください。aChromeシミュレータは差)。