Custom Expandable Header on Tabs


#1

I inserted successfully an custom expandable header component following this article on two pages of my app.

But on another page with tabs I’m not able to reference the scrollArea of the tabs page. Is it possible to reference the scrollArea of a tabs page?

On pages without tabs I use the following (like suggested on the mentioned article):

<ion-header>
  <expandable-header [scrollArea]="mycontent">
    ...
  </expandable-header>
</ion-header>

<ion-content fullscreen #mycontent>
  ...
</ion-content>