Hello,
i have tried the official codepen demo with the horizontalLoop: https://codepen.io/GreenSock/pen/gOvvJee
Thanks for this awesome slider.
But I run in some troubles with the dragging. I could fix some problems by myself but with 1 problem i have my troubles
Scenario:
- Open the page and drag much, so the slider its moving.
- When it comes nearly to the end (but it has not stopped yet) please press the active button with the white boarders.
- It now jumps a lot.
Do you know why? Thanks a lot!
Other bugs i could solve (but its ugly ?
Scenario 1:
- Open the page and drag just some pixels on the active button (Button number3) and release the mouse.
- Then click a few times on the button 3.
- Now it jumps some boxes.
I tried to fix it in the "toIndex" function before line 150. It works better.
vars.overwrite = true;
if (index === curIndex) { return; }
curIndex = newIndex;
gsap.killTweensOf(proxy);
return tl.tweenTo(time, vars);
Scenario 2:
- Drag a lot, so that the slider is moving.
- While the slider is moving please press the "wrapper" (the grey lines above or below the boxes)
- Now it jumps a loooot.
I fixed this with adding a new var isNowDragging (true when the user drags) and change line 182. Seems to work now.
if (!isNowDragging) {gsap.set(proxy, {x: startProgress / -ratio});}
Thanks a lot for your help.