Skip to main content
Question

Mouse Scroll Effect


Khushi_Infotech

Hi All, Can anyone help me with how I can increase the Image size on the mouse scroll from the top.

Like, when I scroll the page down Image from the top should be come down.

4 replies

Gleb
  • Power Member
  • 4706 replies
  • March 19, 2021

On scroll interactions are not possible in Figma. You can only use drag + smart animate for that.


Jeremy_Dennis
  • New Participant
  • 18 replies
  • February 19, 2022

Will Figma be adding an on drag up / down/ left / right at any point? This would potentially solve the issue of “scroll” animations at least on mobile.


Gleb
  • Power Member
  • 4706 replies
  • February 19, 2022

What do you mean? Drag triggers have been a thing for a couple of years now.

If you need on scroll trigger, don’t forget to vote for this suggestion: Scroll up or down trigger for prototypes


Jeremy_Dennis
  • New Participant
  • 18 replies
  • April 11, 2022

Sorry for the late reply, I’m not on here often. As an example: Lets say I had long scrolling content in an app. If I wanted a bottom nav to hide whenever I “drag” my finger (the equivalent to scroll on desktop) down at any point on the screen, there are currently no tools that allow you to do that within Figma. This is a common interaction in Material Design.

My initial response was in the midst of trying to find a workaround for this type of interaction. While I’ve since found a workaround that works under controlled situations, I can’t use these work arounds in actual usability studies and can not prototype them on mobile because they are on mouse enter and mouse leave.


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