Skip to main content
konst
February 1, 2021

"On Scroll" for prototyping

  • February 1, 2021
  • 361 replies
  • 78691 views
  1. I want to make a prototype where something changes when user scrolls content.

  2. I want to keyboard collapse when user starts scrolling content, but it’s impossible to do with drag action. Or it feels unnatural

  3. Or am I missing a way to do it with existing tools?

361 replies

rahendz
February 2, 2021

Need on scrolling interaction, up and down instead of drag on #prototyping, so i can present the exact micro interaction for show and hide top navigation bar between each card on onboarding screen or like search input while i scroll the page down on iphone native app, vice versa.

Reda
February 2, 2021

I’m considering doing the prototype somewhere else just because of this missing.

Anna2
February 12, 2021

We reaaaaallllllly need this. Badly. Please!

epij
February 25, 2021

i also need this badly for switching nav panels upon a certain scroll position. definitely need scrolling interactions. best by definable scroll positions (if a frame enters and exits the viewport)

Jc_Martel
April 2, 2021

+1. Another use case for me would be to show a sticky button or pull the header back on scroll.

I would also add that interactions such as scroll to view, ie when scrolling something into view, it animates. Like when you get to a section and you want the section to animate in a way when user get to it, once.

Nikolai_the_3rd
April 9, 2021

How do I create a sticky menu that only appears when scrolling up/down. Ideally it animates by sliding up and down when scrolling triggers it.

Tanvir_Ahassan_UX_Designer
April 15, 2021

It will be awesome to have this feature.

Grant_Novey
April 15, 2021

Working on a prototype right now and would love this feature. To take it further, I’d like to be able to show a UI element based on scroll position.

SamuelHermoso
May 7, 2021

It would be awesome to add the On scroll up and On scroll down event to hide the sticky headers when scrolling down in a prototype.

Yoni_Afek
May 25, 2021

Problem:
I want to have a fixed bar hide when you scroll down, and reappear when you scroll up (common pattern in mobile and web).

You can currently only do this with a hover hack when viewing the prototype on web. I’d love to have this work on mobile so we can use this in UX research when the participant uses the prototype on their phone, as well as be able to play with it.

Doing this in a way that could be within a component so it can be on a long flow would be even better! But I just want the basics 🙂

Thank you,
Yoni