Draggable using two-finger scroll on trackpad OR mouse-wheel scroll?

[kristoffer]

I'm using the vertical full-screen slider from PointC (see codepen). I really like how the Draggable does the scroll motion and page-snapping. I wonder if this can be extended to using two-finger scroll on a trackpad and/or using mouse-wheel scroll? OR if it is somehow possible to "trick" the mousewheel / trackpad scroll signal into being a click-and-drag motion instead?

 

I did search the forums, and I found this post from Sahil, but hoping maybe there is an easier (and newer) way to do it:

 

Thanks,

Kristoffer

 

See the Pen MzWzyv by PointC (@PointC) on CodePen

[ZachSaucier]

5 hours ago, kristoffer said:

I really like how the Draggable does the scroll motion and page-snapping. I wonder if this can be extended to using two-finger scroll on a trackpad and/or using mouse-wheel scroll? OR if it is somehow possible to "trick" the mousewheel / trackpad scroll signal into being a click-and-drag motion instead?

By "how the Draggable does the scroll motion and page-snapping" do you mean how if you start dragging it will partially go to the next slide and if you don't go far enough snap back into place? 

 

If so, the answer is kind of. It's doable but not the cleanest and may require some tweaking. See this post:

 

It might be easier to recreate the same sort of functionality without using Draggable directly, just moving the scroll position based on velocity, acceleration, and snap values.

[kristoffer]

1 hour ago, ZachSaucier said:

By "how the Draggable does the scroll motion and page-snapping" do you mean how if you start dragging it will partially go to the next slide and if you don't go far enough snap back into place? 

 

If so, the answer is kind of. It's doable but not the cleanest and may require some tweaking. See this post:

 

It might be easier to recreate the same sort of functionality without using Draggable directly, just moving the scroll position based on velocity, acceleration, and snap values.

Thanks for your reply. So I guess it has do be done the "hard way", no easy shortcut through the Draggable plugin. Ok, I'll try to see if i can use some ideas from that post.

Thanks,

Kristoffer 

[Shrug ¯\_(ツ)_/¯]

Here are some old (2013) posts that have a scroll snap of sorts, they may have some logic to review.

 

https://greensock.com/forums/topic/8053-scrolltop-in-greensock/?do=findComment&comment=30899

https://greensock.com/forums/topic/7652-snap-by-scrollto-to-the-nearest-divpoint-superscrollama/?do=findComment&comment=29159

 

[kristoffer]

15 hours ago, Shrug ¯\_(ツ)_/¯ said:

Here are some old (2013) posts that have a scroll snap of sorts, they may have some logic to review.

 

https://greensock.com/forums/topic/8053-scrolltop-in-greensock/?do=findComment&comment=30899

https://greensock.com/forums/topic/7652-snap-by-scrollto-to-the-nearest-divpoint-superscrollama/?do=findComment&comment=29159

 

Very nice! Thank you.