Kevin Powell - Community•3y ago

How to create slider using GSAP

HI friends, I am struggling to create the slider used in https://www.twopointo.film/ this site but using gsap i have codepen and everything setup if anyone would help me out in this would be very great ✨ https://codepen.io/raj-shukla/pen/poKoNbY

2.0 Film

We’re the new kids on the block, here to shake things up. Never settling for average.

9 Replies

MarkBoots•3y ago

you say you are struggling, but you show us a clean template. What did you try, what does not work. I don't think anyone is just gonna try and build it from scratch for you

Jochem•3y ago

not to put too fine a point on it, but uh... that comment really makes this look like a homework assignment?

babaOP•3y ago

basically it is something like someone is trying to test your skills that is what my younger brother is trying to do so i came here to get some tips or some examples which can help me out to complete this thing i not want to be spoonfeed but somethings which might help to complete this i only have few hours left to prove @MarkBoots @jochemm

Jochem•3y ago

If you take a look at the css property scrollbehavior, you can use that to get the smooth scrolling https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

scroll-behavior - CSS: Cascading Style Sheets | MDN

The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.

Jochem•3y ago

as for scrolling to things, I think you can use anchors (so an href="#secondvideo" to link to an element with id="secondvideo"