How do you pin a header or footer in verticle scrolling?

Mobile Beta
1

Hi so we are required to use the Vertical List function if we want to use the scroll capability.

The problem is that the header and footer elements, while staying at the top and bottom scroll as well.

Is there a way to pin them so that they stay where they are supposed to be?

A prime example of this is in a Chat function. Where you want the area where you message people to stay at the bottom. Even if the user scrolls up to the very top to see an old message.

2

not sure if that’s the best approach, but I just use a floating group to achieve that.

3

Doesn’t the list expand underneath? So you can’t really see the first one.

4

Just add a top/bottom paddding to the list with the height of the floating group to compensate the difference

1 Like
5

Oh good idea!

1 Like