ScrollRect and Mask does not function

Hello...

Actually I have a problem with the scroll rect and with the mask. In my project there is a UI at the bottom of the screen with player's information. Because I want to put many informations in this UI, I thought to use a ScrollRect component and because the UI must not cover the playable part of the screen I used the mask component too.

But this is what I got...
http://prntscr.com/76lqeq

This is a second version, the first one was masking correctly on editor but not on mobile, so I modify it in this way...now it doesn't mask neither in the editor...

How could I solve this?

 

Make sure your mask component is on the parent of the scroll contents. Also the mask requires an image component on the same gameobject that it uses as the area it will mask.

 

Thank you for replying.
I already did as you adviced me...
http://prntscr.com/771jq4

For this I can't understand why this is not functioning...

 

Can you show us the image you are using for your mask? And can you show the alpha?

 

Sure thing!

http://prntscr.com/7a4mqs <-- this is the "container" for the scroll rect, as image I'm using the default unity background (the one in resources/unity_builtin_extra)

I dunno what you mean with "alpha" in this case...


http://prntscr.com/7a4npk <---- this is the content UI item
http://prntscr.com/7a4of0 <--- here the hierarchy with the child items.