Position fixed issues

`{{projectName}}` provides some work arounds to handle position:fixed issues for mobile browsers. Here you can know how `{{projectName}}` handle them, and how to enable/disable these hacks.

Soft Keyboard

When user touch on an input or a textarea, the build-in software keyboard will be pushed in, and the touched node will be centered in the rest viewport. In the mean time, other position fixed element may run into wrong position. Here are sample screen shots:

before input focused

input focused

`{{projectName}}` will try to change header and footer elements styles when any `INPUT`, `SELECT` or `TEXTAREA` are focused, this can prevent position fixed nodes be placed on focused input. And, this only applied to native scroll mode.

hide header when input focused

When any input is focused, `{{projectName}}` added 'btFocus' class name on `BODY` element. If you want to disbale 'hide header/footer when input focused' behavior, you can overwrite these css rules:

• body.btFocus.btFixed .btHeader.btFixed {...}
• body.btFocus.btFixed .btFooter.btFixed {...}
• body.btFocus.btFixed .btFixedScroll {...}