When I scroll to a section, I notice some strange twitching on my prototype preview (https://www.figma.com/proto/EIp5AMvs4fQsSF4bnOnk45/Scrol-Bug?node-id=2%3A11&scaling=scale-down&page-id=0%3A1&starting-point-node-id=2%3A69)).
I enabled “Preserve scroll position,” but it still does not work. I looked online for answers but couldn’t find any…
I’m hoping someone can assist me here. Here’s the document I’m using as an example of the problem I’m having: https://www.figma.com/file/EIp5AMvs4fQsSF4bnOnk45/Scrol-Bug?node-id=0%3A1
You have put an interaction that happens right after the first one instantly, thus the transition is barely even noticeable and can be defined as a twitch…
To fix the issue:
- delete the interaction going from frame “X - 6” to frame “X - 5”.
- Copy/paste the gray columns from frame “X - 5” to frame “X - 6” in the order it comes & clip the content.
- Make sure the purple and gray columns that are in “X - 6” frame are not in fixed position.
- Now add interaction from the “X - 6” gray columns to frame “X - 5”:
Mouse enter > Dissolve > Ease out > 300ms > Preserve scroll position
I highly suggest to play around with “On drag” trigger, as it should be more suitable to imitate an interaction. “Dissolve” transition is what I like to use with transforming navigation, but “Smart animate” feature is great to play around with too and is very useful at times.
I really hope this reply was of helpful
p.s. suitability of “on drag” is based on the prototype being a touchscreen
I used smart animate as the prior didn’t work as instructed unfortunately. I’m definitely going to start using smart-animate more often.
Thanks for this very useful help