This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Sajid Saiyed
Posted Oct 27 - Read on Facebook

Hi, I am running into some problem with the Scroll Component.

I have a scrollComponent which I am controlling both using a slider as well as scrolling the content itself.

Whenever I scroll the content in the scrollcontent by directly touching and moving the content, I always get

scroll.isMoving as TRUE

Even when the scrolling has ended.

Is there a way to make scroll.isMoving to be set to false when scrolling has stopped?

Thanks for any help.

2 Comments

Eelco Lempsink

Hmm, I see what you mean, I believe this is a bug in the Framer Library (filed an issue). As a workaround, it’s probably easiest to keep track of the ‘moving’ state yourself, by checking if there are any animations on the layer. So, for the scrollComponent that would be something like `scroll.content.animations().length > 0` (if true, it’s moving)

Sajid Saiyed

Thanks Eelco Lempsink That does help a little, but then my other part of the code runs into problem. Let me show what I am trying to do. I have a list with a highlight on one of the list item. I am moving the list up and down in two ways. One using the Slider bar, other scrolling the list by finger itself.

So now using the code you suggested, the scroll works and I do get to know when the scroll component is moving or not moving, but then my highlight still moves to a different location without updating the scroll component because its waiting for itself to stop scrolling. SO I cannot get a continuously moving list highlight.

It's just my second day of evaluating Framer and planning to buy it if this works out to be a good prototyping solution. Even thinking of organising a workshop within my company to share with other co-workers.

Read the entire post on Facebook