Scrolling , fixed element tutorial

Yu Xin shared this question 4 years ago
Answered

How do I scroll but having a top and bottom bar fixed? I couldn't understand the steps given in http://www.justinmind.com/support/fix...


please help :(


i dont get


5) Now go down to the bottom of the grouped items, select the group, and drag the bottom handle up into the main phone screen to the point where you would like it to end.

Best Answer
photo

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94


That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe

Comments (3)

photo
1

Please follow the steps of the tutorial instead of the steps provided on the comment section.


The concept of both solutions is basically the same: create a dynamic panel where scrollabe content will be placed and add the fixed elements out of this panel.However I find the tutorial to be simpler and more detailed.

photo
1

Thank you

photo
1

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94


That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe