smooth scroll but one item at a time

[atulraj89]

Hello All,

I am creating vertical slider kind of functionality, with smooth scroll.
I have found in a discussion the window smooth behave by @OSUblake , , 
but its a smooth scroll which depends on the mouse wheel, and its scrolling depending on the mouse wheel speed,
 
I have 2 questions here,
1. in this example whole window is scrolling with smoothness, is it possible to apply same thing on a div?
2. if yes, then is it possible with GSAP to scroll one item at a time. like in the given image, I want one test item to scroll with one mouse wheel stroke and smoothly, 
Just an Idea needed.

Here is the thing Which I am creating, 

 

 

Note: I have shockingly green, if any paid plugin need to use in this example to achieve the result. 

See the Pen QqPqbN by osublake (@osublake) on CodePen

[ZachSaucier]

Hey Atul. Have you seen the ScrollTrigger.scrollerProxy() method? It can help add support for smooth scrolling while still retaining the power of ScrollTrigger animations.