[SOLVED] How can I keep navbar on the top?


#1

Hi framework7,
How can I keep navbar on the top while user drags the page down. Currently I drags the page down and the whole content goes down together. I prefer to keep the navbar on the top and the page content goes down by dragging. Please check the attachment.

Thanks,
Vince


#2

I prefer this kind of layout. Thanks.


#3

I think this can help you.

<div class="navbar">
<div class="navbar-inner sliding">
  <div class="left">
    <a class="link back">
      <i class="icon icon-back"></i>
      <span class="ios-only">Back</span>
    </a>
  </div>
  <div class="title">Fixed Navbar</div>
</div>

https://framework7.io/docs/navbar.html


#4

In cordova app it can be disabled with DisallowOverscroll parameter https://cordova.apache.org/docs/en/latest/config_ref/


#5

Thanks a lot. It works.