Monaca Onsen UI Discord Chat Github Repo

ons-toolbar visibility

  • Hi guys thanks for the help you gave me last time i was here it helped a lot but now an having a different issue. i wish to make my toolbar disappear maybe while scrolling or when a button is pressed. i could do it with my ons-tabbar with


    is there a way to do the same with the toolbar? i checked with the documentation but didn’t fine anything about that. i will appreciate any help thanks.

  • Onsen UI

    This isn’t currently supported for the toolbar, though I don’t see any reason why it shouldn’t be. I’ll see if it’s something we can add for an upcoming release.

    For now, you could achieve this by CSS:

    .toolbar.hidden {
      display: none;
    .toolbar.hidden + .page__background,
    .toolbar.hidden + .page__background + .page__content {
      top: 0;

    Then just do: