Creating zooming scroll effects like Apple.com in Framer without code

[@dandenney3046]

Awesome walkthrough, I could watch these all day, but I guess I should try making something with it instead :)

[@FilipeSantos-jw6og]

Scorsese just called me and said that this is absolute cinema. No puns intended.

[@kylehumber]

great tutorial! awesome to see what we can do with Framer 😁

[@Framer]

More to come!

[@dnm.design]

This is Sooooooo Good! What about the videos any suggestions? such us dimensions, quality, duration, fps, etc? how do you display all those examples?

[@yi8634]

This is amazing!! Keep this up!! I love this type of videos

[@Framer]

Thank you! Will do!

[@SALMANALI-yl6lb]

@@Framer Hey can you please guide us for tablet and mobile also 😊

[@vegge]

Pretty awesome demo!!

[@philstardesign3123]

Great stuff!

[@Framer]

Thanks!

[@kishorekumarseenivasan]

i love framer man

[@andrejt9606]

Hey guys! Great tutorial, I followed it step by step and my site doesn't work like this. When I scroll the slideshow scrolls with it, it doesn't stay in the middle of the screen like on the tutorial. I made the whole thing 3 times and it happens every time, could someone tell me what I can do?

[@abhidadhaniya5701]

I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

[@brandvst]

It's the same thing with me, I think there is something he didn't show us with the scroll section that he made before the toturial.

[@abhidadhaniya5701]

@@brandvst check above mentioned steps by me..

[@chickenkombo]

Make sure your page is set to overflow visible

[@sjaakgrootspraak]

@@abhidadhaniya5701 Thanks! Worked perfectly!

[@graphic-nations]

Amazing, i love Framer

[@elysiumcore]

Easy??? ok im sold...Go on < Taking notes 😂

[@lukaslau465]

this is awesome! Quick question: the video slider doesn't work very well on Safari. on chrome it's awesome. but on safari it just stays black. went to the Apple Store, same issue on all devices. any idea how I can fix that? already tried reducing file sizes, even tried mp4 and mov - doesn't work reliably. would be awesome to get a helping hand here :)

[@mczreo]

Probably has to do with restrictions that are set in the safari settings for privacy. Not sure if there is something to do about that

[@RadhikaMangtani]

Why stickey option is not applicable initially

[@雪鷹魚英語培訓的領航]

Wow! Very cool.

[@jenniferlang5399]

Is it possible to customize the GAP in the Ticker so it's not the same for every slide?

[@s.sandeep8017]

and what about other breakpoints? tablet and mobile?

[@des7638]

Insanely cool

[@Riddler_Nigma]

i really want to know is there a way we can export our react code from framer to vs code?

[@EvanLaulom]

Hi, what microphone do you use please ? Amazing as always ! Thanks

[@Framer]

Yeti X

[@GrecoFPV]

great software to head track the facecam btw

[@fabienmoutier2668]

Hello Guys. Great effect but unfortunatly my frame refuses to be on the top of the section. i tried the sticky parameter, took care that all parents layers are on Visible Overflow... but I still have this frame center in my scroll section and not on the top of it. Anyone have an idea ? Best

[@gg-vm1oh]

Very cool! 🤩 Thank you very much! Of course, it would be nice if it were responsive. 🙂

[@fortuneinpalm]

Can you tell me how to add a stroke effect to the text and how to overlap the sections?

[@michaelezekiel7211]

Where can I get these kind of videos

[@ericcontreras839]

Awesome loved it! However very thing is working fine for me except the transition effect when I click to the next slide is instant even though I edited it to make it more smooth, however doesn't seem to work. Can any1 help me out

[@ElishevaSpitzer]

This is amazing! but I have a big problem I set the clipping overflow to show in the slider that I will be able to see all videos but then the whole site doesn't fill my screen and I could scroll horizontal a lot Can someone help me please?

[@abhidadhaniya5701]

Thank you so much for this tutorial.. Very Helpful... and there's one problem with sticky position of presentation slider and here's the solution I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

[@foresmind]

not later, I'm thanking you NOW it's fixed now... i though it was a bug or something THANK YOU

[@abhidadhaniya5701]

@@foresmind Enjoy framer 😊🚀

[@ericcontreras839]

what a g spent an hour trying to figure it out till I saw ur comment

[@rarabusiness]

yeap, spent 30 min trying to figure it out, this was it, thanks

[@rarabusiness]

Now I have a different issue, I see it´s sticky but when I add an image, it doesn´t show anything

[@bySterling]

SO beautifully Awesome! Do you sell this layout?$

[@Framer]

You can find a free remix project in the description

[@SALMANALI-yl6lb]

@Framer Hey actually when i scroll down my page its goes outside of the page does't look any thing can you please guide me !

[@namthuan0412]

set overflow of desktop and "scroll section" to visible, because the sticky property use on "Slideshow container" only work if 2 parents overflow are visible

[@Abdullah-ve2yc]

i dont really understand the "c=video-section" part. Is that a frame we are selecting? I've been seeing it in a few videos but i dont fully get how it works yet.

[@MrFACTS-mk1ib]

we are just adding a label to a specific section and then saying the animation to work only what that specific section appears on screen etc

[@pelport]

Hello!! Was hoping someone could help. I have some video set to autoplay in my Framer Website and I'm going nuts trying to figue out how to set the videos to start playing only when they appear in the viewport as you get to them in the scroll. Any help much appreciated!!

[@OnSiteTvee]

How do I gain traction to my website?

[@clausein]

Do you genuinely believe this is the right place to find an answer to this question?

[@OnSiteTvee]

@@clausein I was planning on emailing them once I got off work, I actually wanted to talk about the plans that they have, but then I saw that they posted a video. So I thought they might’ve answered. Perhaps I should’ve worded my question better.

[@vinyts3]

It keeping get bug to me, sticky isn't working

[@Framer]

Make sure your page is set to overflow visible

[@vinyts3]

@@Framer yep that's fixed! Thanks!!!

[@joansarsa]

Do you guys notice that the sliders doesnt work on windows? Maybe it's just me, but have you tried to see how it looks on Windows+Chrome? To me, the sliders are always static.

[@abhidadhaniya5701]

I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

[@zeezerbez]

All the space on the screen, yet bro gave us a minor (-18) face cam

[@Framer]

I can definitely make my face bigger next time

[@StevenVillarino]

❤

[@julianTrichardson]

bro ....