I am trying to set no top margin on the ion-content element.
The goal is to create a transparent header bar that will be opaque after scrolling:
the ion-content computes automatically the margin-top and/or the padding-top property.
With ionic 1, this could be simply achieved with:
contentElem.style.top = 0;
this.ionContentElement.style.setProperty('margin-top', '0px', 'important'); //WON'T WORK
fullscreen property could work but the initial margin is still the size of the header bar. I believe the
fullscreen property with an extra value to set no margin is the correct solution. Especially, because of the Content.resize() function that rewrites these values.
Any thoughts on that would be appreciated.
EDIT: apparently, I am not the only one struggling with a transparent header bar, see How can I make a transparent toolbar?.