web-dev-qa-db-ja.com

モバイルウェブ:-webkit-overflow-scrolling:タッチが位置と競合します:修正されました

私はposition: fixedを使用して、モバイルWebアプリケーションに固定上部ナビゲーションメニューを作成します。

-webkit-overflow-scrolling: touchを追加すると、スクロールがスムーズに機能します。ただし、スクロールするとトップメニューが消えます。スクロールが停止した後にのみ表示されます。

CSS3プロパティwebkit-overflow-scrolling:touch ERRORiOS5画像などの多くのソリューションを検索しましたwebkit-overflow-scrollingによるスクロール:touch 。しかし、与えられた解決策は私のために働いていません。この例を確認してください: http://jsbin.com/woxuwihuzu/12/ (iPhone 5c Chrome/Firefoxからアクセス)。

私は何かを逃しましたか?

12
Joy

苦労して2日後、この投稿が私を救うことがわかりました: 100%screen height css

コンテンツ領域の高さを画面と同じ高さに制限する必要があります。動作するデモをここで見つけてください: http://jsbin.com/tubaqaqumi/3/ (実際の電話からアクセスしてください。aChromeシミュレータは差)。

5
Joy