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

    
    document.getElementById('myTabbar').setTabbarVisibility(false);
    

    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:

    document.getElementById('myToolbar').classList.add('hidden');