How to reset vertical position of a canvas component ?

[RemiChambard2]

Hi,

I've added a canvas component on a screen to let the user scroll up and down in a screen with a "lot" of content.

When the user scrolls in the canvas and when I leave and come back to the screen, the scroll position of the canvas stays the same which is quite weird.

Is there any way to reset the position to the top of the canvas ?

Thanks !

[v-yutliu-msft · Accepted solution]

Hi @RemiChambard2 ,

Do you want to reset the position of a scroll screen?

Firstly, this feather is still in preview status, which has not been released.

I believe this feather will soon be released. Let us look forward to it !

You could check this idea to see this feather's status:

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Screen-Reset-Set-Scrollbar-Back-to-Top/idi-p/65...

Secondly, someone has figured out a solution that could reset the position of a scroll screen.

1)set the scroll screen's OnVisible:

UpdateContext({resetCan:false})

2)set the scroll screen's OnHidden:

UpdateContext({resetCan:true})

3)set this screen's every datacard's Visible:

resetCan=false

Then when you navigate back to this scroll screen, the previous position will not be saved.

Here's a similar issue for your reference:

https://powerusers.microsoft.com/t5/Building-Power-Apps/Go-to-Top-part-of-screen/td-p/90877

Best regards,

[RemiChambard]

Thanks ! It totally makes the trick !

[Kellboy2243]

My Preferred and easiest workaround will be to use the SetFocus function

To achieve this you need to throw a TextInput at the top most part of the scrollable control. Make sure it does not interfere with any important part of the screen by shrinking the height of the TextInput.

Onvisible Property of the screen, Set the following

SetFocus(TextInputName)

Now when you navigate to that screen, It will set a focus on the TextInput control and scroll back to the top as desired.

Lastly don't forget to change all the visible properties of the TextInput control to transparent including the Hover, Border and Pressed Properties so its not visible.

Hope this helps someone

[coathangers]

Great workaround, credit to OP

[TMerkel]

So simple, yet so effective. Great idea. Thanks!