Skip to main content
Solved

Question about horizontal scroll

Maria_Laar

Hi, I saw there are many horizontal scroll issues but all of them are closed with the same YouTube video.

I think I have a technical issue with the horizontal scroll of a frame within a frame. Content overflows, the frame is sized down so that child elements overflow the frame to the right - in prototype tab horizontal option is selected. But still when the full page is played in prototype mode, it just scrolls vertically - only thing is to click and drag to the right like a carousel but that’s not the point…

Best answer by Renaud_Demylle

Hi,

I’m guessing your prototype is a desktop one and is meant to be used with a mouse. Am I correct ?

If you would like the spin of your mouse wheel to trigger an horizontal scroll, this is not possible in Figma (unless I’m wrong) if your main frame has vertical scroll. The only way to trigger it either to press on the wheel and then move your mouse horizontally, drag, or use a trackpad’s horizontal scroll gesture.

I think this is perfectly normal as if that was possible, while you would be scrolling vertically and hit a frame that is scrollable horizontally, the vertical scroll event would suddenly end to start triggering the horizontal one. That wouldn’t be ideal if you ask me.
Not sure this is what you were referring to but here is my answer 🤷t3:.

View original
This topic has been closed for comments

2 replies

Renaud_Demylle

Hi,

I’m guessing your prototype is a desktop one and is meant to be used with a mouse. Am I correct ?

If you would like the spin of your mouse wheel to trigger an horizontal scroll, this is not possible in Figma (unless I’m wrong) if your main frame has vertical scroll. The only way to trigger it either to press on the wheel and then move your mouse horizontally, drag, or use a trackpad’s horizontal scroll gesture.

I think this is perfectly normal as if that was possible, while you would be scrolling vertically and hit a frame that is scrollable horizontally, the vertical scroll event would suddenly end to start triggering the horizontal one. That wouldn’t be ideal if you ask me.
Not sure this is what you were referring to but here is my answer 🤷t3:.

Celine_D
1 person likes this
  • Celine_D
    Celine_D
Maria_Laar
  • Maria_Laar
  • Author
  • 2 replies
  • April 12, 2023

Thank you for your reply, yes this is what I wanted to do. Actually it is part of “scrollytelling”, saves the user to change their behaviour to view content and removes the necessity for them having to opt in to view the content, by manually dragging it to reveal the hidden stuff, instead of just carrying on to scroll. Vertical scroll ends - fires the horizontal scroll - then when that ends the page carries on scrolling, I have seen this built in code many times and it is very user friendly, but thanks for letting me know that figma does not support that!

Lauren26
1 person likes this
  • Lauren26
    Lauren26
Terms & ConditionsCookie settings

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