I have an ion-fixed element inside ion-content, and another div element which is scrollable across the entire height of the screen, so that it covers the fixed-content when scrolled up ( a profile header eventually hides behind content that “slides” up). However, I need to make some elements in the fixed content clickable, but since it sits behind the “scroll-content” component it can’t be clicked. I tried z-index, but that defeats the purpose of sliding the bottom div over the profile header. Has anyone implemented such a thing with just CSS or JS?
Found the solution:
pointer-events:none; <— on the .scroll-content class
pointer-events:auto; <— on all the children
Works like a charm.