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

What is Framer? Join the Community
Return to index
John Grendon Enderby
Posted Jun 11 - Read on Facebook

Hey guys. Just a quick request, not sure if this is the right place to post it or not but lets go for it for now. I would absolutely kill for scroll functionality with mice and touchpads in studio. I use framer loads for prototyping interactions for web but my magic mouse cant scroll anything and it’s not so good for demos for clients because of the lack of trackpad scrolling either. :) framer is awesome though!

14 Comments

Stephen Crowley

Hi John, try ScrollableLayer.mouseWheelEnabled = true

John Grendon Enderby

it doesn’t work for trackpads or magic mice :(

Stephen Crowley

That's odd... works for me.

John Grendon Enderby

Are you using ScrollComponent.wrap? Perhaps I should have mentioned I’m importing from sketch and using that 😬

Koen Bok

Our custom scroll component can't handle trackpad scrolling well, because apple doesn't throw events for actual scrolling vs momentum/friction.

Luckily you can still use old style scrolling, which would use a native scrollview on every platform: http://share.framerjs.com/fagdvogw98b0/

Koen Bok

I might wrap this into a NativeScrollComponent in the future.

John Grendon Enderby

Thanks Koen. I'll have a look and see if I can figure it out. Pretty new to framer but using it a lot, so I might as well get up to speed!

Cemre Güngör

John Grendon Enderby: When you use the scroll component, you drag and move the layer to scroll it on your computer. I guess this wasn't obvious to you?

John Grendon Enderby

It is obvious to generate layers and use the scroll component, but the ScrollComponent.wrap(<layer>) doesn't scroll with trackpad movement. I am not exactly up to speed on how to wrap a sketch layer into a scroll component, so I was trying to use the quick way. Or maybe this wasn't obvious to you from all the other comments...

Cemre Güngör

Is it a requirement to use the trackpad in your case? (If so, I'd use the old school scrolling that koen suggested)

Cemre Güngör

Click+drag to scroll will be more realistic for mobile prototypes, but maybe you're working on web stuff?

John Grendon Enderby

Well the boss uses his laptop for demos and dragging and scrolling is a bit of a pain, and he only has a Magic Mouse for backup. 😳 Yeah it's for a web project so scrolling a reasonably big deal unfortunately. But until I figure it out I'm resorting to screen casting me playing with it and he can send them a video example instead of an interactive one 😉

Cemre Güngör

Ahh I see. I was assuming mobile. Actually if you're doing desktop prototypes, just use the old school one koen suggested (layer.scroll = true). Desktop browsers fire the "scroll" event consistently anyway (mobile doesn't) so you have one less reason to need scroll component

George Kedenburg III

I wonder if the new CSS scroll snapping stuff will fix this

Read the entire post on Facebook