How to Create Scrollable Two-Tone Layout in Mendix PWA

I'm developing a Mendix PWA that runs on both web and offline web. I want the layout on my home page to be 20% of the screen size from the top bar down, with a yellow background, and the rest with a white background. When the user scrolls the screen, the colored section will follow. I'm having trouble implementing this and would appreciate any help from the Mendix community. Here are some additional details: I've tried using a container with a fixed height and setting the background color to yellow. However, the container doesn't resize when the user scrolls the screen. I've also tried using a CSS gradient, but I can't get it to work properly. I'm hoping someone in the community can help me with this. Any suggestions would be greatly appreciated. Thank you!   Wireframe similar to the image below: 
1 answers

Hello Kien,


I dont know if i understand you fully, but I think what can help you already is using a scroll container with a topregion. This topregion stays fixed on the top then.


Hope this helps a bit,


Good luck!