Fixed Header in PhoneGap app

_global.less

region[default="App"] {
  width: 100%;
  height: 100%;


  region[default="AppHeader"] {
    width: 100%;
    z-index: 12;
  }

  region[data-id="page"] {
    position: absolute;
    overflow: auto;
    width: 100%;
    bottom: 0;
    z-index: 11;

    -webkit-overflow-scrolling: touch;

    &.scroll-lock {
      overflow: hidden;
    }
  }
}