ScrollContainer snapToPages

lov3.invisible

Hi. First, i sorry because my english is bad 🙁 i have 1 question about ScrollContainer.
I have 8 item in ScrollContainer, i set snapToPages and HorizontalLayout, i see 3 page, page1 have 3 item, page2 have 3 item and page3 have 3 item, i want page 3 have 2 last item. Pls help me. Thanks!

joshtynjala

You will need to add an invisible item to the last page to increase the maximum scroll position.

Shaun_Max

I am facing an issue with ScrollContainer and snapToPages. The first page is displayed correctly but, when I scroll to 2nd & 3rd its not properly snapping.

I have a ScrollContainer of width set to 1334.
Inside the container I have 6 quads of size 600 X 600.
I have set the gap to 100 and padding to 17.
horizontal alignment - center vertical alignment - middle
snapToPages = true
hasElasticEdges = false

here is the video : -

in the video above, after the 3 page snap, I have to manually scroll to the end.

what could be wrong?

Shaun_Max

Shaun_Max Ok! I understood the mistake!

the padding value 17 is not applicable for each page.

so the final values that scrolls & snaps correctly are : -

gap = 74 & padding = 16

(600 * 6) + (74 * 5) + (16 * 2) = 4002 ie 1334 width per page.