Loading video...

Video Failed to Load

Go Home

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

_Kavsoft's profile picture

Kavsoft

28,649 subscribers

20,540 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

SwiftUI Apple-Style Scroll View Video tutorial:
0:16

SwiftUI Apple-Style Scroll View Video tutorial:

sucodee

18,479 views • 1 year ago

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!
0:16

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!

Kavsoft

12,058 views • 1 year ago

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.
0:10

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

61,080 views • 1 year ago

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 views • 1 year ago

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️
0:14

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Kavsoft

29,485 views • 4 months ago

Some people will scroll in anger. Some will scroll in envy. Some will scroll in love. The kiss remains the same.❤️ 😘🏳️‍🌈🏳️‍⚧️
0:11

Some people will scroll in anger. Some will scroll in envy. Some will scroll in love. The kiss remains the same.❤️ 😘🏳️‍🌈🏳️‍⚧️

Screen Time

40,460 views • 15 days ago

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;
0:11

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Solarin

20,995 views • 1 year ago

this is so fluid.. the scroll effect on this app is just mesmerizing
0:16

this is so fluid.. the scroll effect on this app is just mesmerizing

Aurelien

128,756 views • 1 year ago

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,369 views • 1 year ago

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …
0:13

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …

Bramus

113,459 views • 2 years ago

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 views • 2 months ago

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.
0:15

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.

Ledger

52,167 views • 1 year ago

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 views • 2 months ago

Scroll-based 3d landing page. If you have a GLB/GLTF 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.
0:19

Scroll-based 3d landing page. If you have a GLB/GLTF 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.

Omma

27,864 views • 3 months ago

Creativity at its finest for this hero scroll effect! →
0:14

Creativity at its finest for this hero scroll effect! →

Jim Raptis

24,699 views • 8 months ago

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }
0:11

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }

OPM

34,747 views • 3 months ago

this.. is mesmerizing.. each scroll feels like traveling through a dreamlike, enchanting world
0:10

this.. is mesmerizing.. each scroll feels like traveling through a dreamlike, enchanting world

Aurelien

112,535 views • 1 year ago

Seen this a few times. FYI, Sky's F1 coverage is available within Apple TV, you just need to scroll (and scroll)
0:12

Seen this a few times. FYI, Sky's F1 coverage is available within Apple TV, you just need to scroll (and scroll)

✏️Jacob Feldman

115,265 views • 4 months ago

POV: You just found your new favorite view. 😉 Stopping your scroll for a quick second... worth it? #theamiraheffect #foryoupage #fyp #trend #viral #view #barb #happygirl #thecakequeen
0:14

POV: You just found your new favorite view. 😉 Stopping your scroll for a quick second... worth it? #theamiraheffect #foryoupage #fyp #trend #viral #view #barb #happygirl #thecakequeen

🦋AMIRAH DYME🦋

25,307 views • 5 months ago

practice makes... 👇 (scroll down)
0:15

practice makes... 👇 (scroll down)

Houston Rockets

49,368 views • 1 year ago