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

What is Framer? Join the Community
Return to index
Edwrd Han
Posted Jun 08 - Read on Facebook

Hey guys, I've got a very basic question but am having a difficult time finding a direct answer via web search...basically, I've created a bunch of layers, arranged them along x-y coordinates, and set their superlayer to the scroll.content layer I've created but when I scroll, they just bounce back to the original position. Any ideas? much appreciated from a struggling noobie...

19 Comments

Ben Rodenhäuser

Hi, could you share your prototype, so that we can have a look? (you can use the Share button in the Framer menu bar for that)

Anton Jarl

Are you importing from Sketch or creating all layers in Framer?

Edwrd Han

So I've tried creating my own layers in framer like above, and have also tried using imported sketch files, and in either case, I see the bubble appear which allows me to pull down, but it just doesn't stay as I described before...

Anton Jarl

It works fine here?

Edwrd Han

it doesn't bounce back after you let go?

Anton Jarl

Nope, but something else strange happens. If i set the scroll component height to 100px I don't see all 9 layers in the scroll, I only get 5

Edwrd Han

yeah when I play with the scroll height it cuts off the layers with a higher y value as well. Maybe my loop that assigns the y value is doing something weird to it? Anyway, for me the scroll still doesn't

Edwrd Han

...still bounces back rather than stays in the same position as in the demos.

Anton Jarl

Does that work for you?

Edwrd Han

yes it does! But if I then increase the height of scroll prop it looks a lot like before...

Edwrd Han

in any case, thanks for your help. Maybe I can start from here and find a solution. much thanks again...

Anton Jarl

Yes, and that is because your scroll content doesn't fill up your scroll area. If you add more layers it'll work even with a larger scroll area

Anton Jarl

The solution to the other problem was something with your loops. Wrapping everything in a scroll after the generation was done seemed to work better

Edwrd Han

cool, I was thinking of doing just that by adding a few more boxes and see how it goes. and yes, I see how the wrap function after my loops seems to work better. This was really good for me ; )

Anton Jarl

Good luck!

Kim Does

There's also a function to update the scroll, so you can update it after you add / remove things too.

Don't know what it's called right now (on phone) but should be in the docs.

Anton Jarl

scroll.updateContent()

Thanks Kim!

Read the entire post on Facebook