Element non-scrollable on top of a scrollable element

So I have 2 elements on my frame (as illustrated below), i want the white element to go over the purple element when scrolling. My first thought was to put the purple element on [fix element when scrolling] but then it is brought to the front and hide the white element.

Please someone help me