How to implement inertial scroll like TikTok (one section per scroll)?

Ask us anything How do I?
1

Hi everyone :waving_hand:

I’m trying to replicate a TikTok-like scroll effect in WeWeb, meaning vertical full-page scrolling, where each swipe (or scroll) moves to the next full section, ideally with a bit of inertia/smoothness like in native apps.

Has anyone successfully implemented this kind of behavior in WeWeb?

  • Should I use a library like fullPage.js or Lenis?
  • Any plugin or native trick in WeWeb to trigger scroll-to-section with animation?

Would love any advice or example setups!

Thanks :folded_hands:

2

I think you could do this simply by using a few lines of JavaScript and CSS to be honest. I’d need to test it out myself.

1 Like
3

I tried but I haven’t been successful yet !

4

Hey @Theodore :waving_hand:
One quick solution would be to use the CSS property scroll-snap-type. But you won’t get the inertia with just that.

3 Likes