移動網絡：-webkit-溢出滾動：與位置觸摸衝突：固定

Question

我用position: fixed在我的移動Web應用程序創建一個固定的頂部導航菜單。

加入-webkit-overflow-scrolling: touch後，滾動工程進展順利。但是，頂部菜單在滾動期間消失。它只在滾動停止後顯示。

我已經搜索了很多解決方案，如CSS3 property webkit-overflow-scrolling:touch ERROR和iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch。但是，給定的解決方案並不適合我。請看這個例子：http://jsbin.com/woxuwihuzu/12/（從iPhone 5c Chrome/Firefox訪問）。

我錯過了什麼嗎？

Answer 1

經過兩次天奮鬥，我發現這個職位節省了我：100% screen height css。

我必須將我的內容區域的高度限制在屏幕的相同高度。請在這裏找到工作演示：http://jsbin.com/tubaqaqumi/3/（來自真實手機的訪問; Chrome模擬器沒有說明區別）。