Skip to main content
Question

Interactions with smart animate not working as expected when position is fixed and document is scrolled down


smlsvnssn

When using fixed positions, the variant i swap to seems to stick to its “non-sticky” position within the document, and stick to the viewport only after animations have finished. This affects smart animations only.

To reproduce: Create smart animated interaction > Apply fixed position > scroll down a bit, and trigger interaction > experience weird jerkiness 🙂

9 replies

Nicolas_Lebrun

Hello @smlsvnssn, have you found a fix ? I have the same issue 😦


smlsvnssn
  • Author
  • 4 replies
  • June 18, 2021

Sorry, no fix, and no feedback from figma on the issue as of yet. Waiting patiently…


smlsvnssn
  • Author
  • 4 replies
  • June 21, 2021

@Nicolas_Lebrun As it happened, I found a fix just now: Instead of putting the scrollable content directly in the topmost frame, wrap it in another frame, make that frame the same size as the parent frame, check “fix position when scrolling” to true (So that the parent frame has fixed content only), and set scrolling as desired on the child frame. A bit convoluted and hacky, but it works!


Nabil_Amara

Nice, thanks for the fix 👍


Ding_Mingzhe

Genius, thanks a lot 💙


eric.white

Huge thank you! Totally worked to preserve scroll position in overlay with variants.


Farhad_Majidi

Wow! totally fixed it! thanks.


Toni
  • 5 replies
  • July 12, 2022

Just what I needed, thanks!


Joao_Henrique_Pereira_Machado

Thank you for the fix. Worked just fine now.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings