Layout Jerking - Help Please!

james34 · 2024-10-28T21:22:50.873Z

I need help with this layout juttering, please!

When I animate one element out, then another element in, a scrollbar appears at the bottom which throws some of the layout out (the buttons jerk around).

Problem shown here:

Any smart people out there know how to solve this?

pattokane · 2024-10-28T21:26:22.606Z

Hey @james34, how are you?

I have had a what looks like similar problem and it was due to the elements not collapsing properly or at the right time.

Are you using collapsing when hidden?

james34 · 2024-10-29T22:26:23.701Z

Yes, I am - If I don’t collapse when hidden, then animating when element into the same position won’t work, as it can’t replace the element that’s been animated out unless it collapses.

ben.j · 2024-10-29T22:32:25.690Z

There may be better solutions available, but I had a similar issue and resolved it by putting each group within an align to parent group and didn’t collapse each element when hidden.

james34 · 2024-10-29T22:54:42.458Z

Thanks, Ben - I tried this but it still doesn’t work. The appearance of the scrollbar is pushing up the buttons, so it’s not the collapsing of the elements.

I wish I knew how to stop the scrollbar!

pattokane · 2024-10-29T23:07:47.644Z

This should hide your scroll bar

<style> ::-webkit-scrollbar { width: 0px; height: 0px;} </style>

james34 · 2024-10-29T23:43:33.162Z

you beautiful person!

system · 2025-01-06T21:23:45.734Z

This topic was automatically closed after 70 days. New replies are no longer allowed.