ons-toolbar visibility

Stephane

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.

asialgearoid

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');