Mobile web: -webkit-overflow-scrolling: touch conflicts with position:fixed

Question

I use position: fixed to create a fixed top navigation menu on my mobile web application.

After adding -webkit-overflow-scrolling: touch, t

Answer 1

After two days struggling, I found this post saves me: 100% screen height css.

I have to limit the height of my content area to be the same height of the screen. Please find the working demo here: http://jsbin.com/tubaqaqumi/3/ (visit from a real phone; a Chrome simulator doesn't tell the difference).