I have the collapsible header working, but I can’t seem to figure out how to replace/hide an image in the header when scrolling. Here’s what I have…
The toolbar at the top displays the menu toggle on the left. I would like to display a logo image in the toolbar until the user scrolls, then replace the image with the title that is in the collapsible header.
What happens now is that when I scroll, the collapsible header displays in the toolbar at the top, but it overlays the logo image. I tried adding a collapse=“false” to both an img and ion-img tag, but neither works.
Does anyone know how to achieve this? Thanks.