Drag content over header

I need to be able drag an element over the header, so the element is on top of the header.

The element is in the ion-content area. I have tried both setting z-index and playing around with transform: translateZ. on the element and the header but no luck.

The header is always on top…

Have you tried putting the element outside the ion-content area?

See Ion-scroll and z-index & http://codepen.io/calendee/pen/yvzfB

Yes that was the solution. Used the same position as the modal has in the html I got it to work!