[How to reverse ease curve calculation ?]

Example

 

const ease = gsap.parseEase(".1, .20, 0.6, 1")
const pos = 0.5
const value = ease(pos) // 0.7

 

Now let's say I only have the 0.7 value and the ease curve, but I need to find the position of 0.5. How can I accomplish that ?

 

[Draggable lockAxis not working on IOS Safari]

Are there any plans to make this work correctly out of the box with GSAP ?

[Draggable lockAxis not working on IOS Safari]

I am using Draggable on a React component and managed to get this working correctly on IOS by wrapping the React component in double <NonPassiveTouchTarget /> from https://gist.github.com/xiaody/206c4168f9001671c0a374af4558f582

 

On android the "lockAxis: true" works, but on IOS it does not work unless i use the wrapper also.

 

I would love to get rid of that boilerplate code, so hope this will be fixed in GSAP. I would expect lockAxis to work the same on both platforms.

[Draggable lockAxis not working on IOS Safari]

Yes, the carousel fills approx the entire screen height on mobile phones, so with "allowNativeTouchScrolling: false" after the user has scrolled down to the carousel he is effectively stuck there and can't go up/down anymore.

[Draggable lockAxis not working on IOS Safari]

Hi @PointC

Thanks for quick reply.

 

Quote

allowNativeTouchScrolling: false

 

This works to disable native touch scroll completely over the element.

But i need the native up/down touch scroll to work unless dragging has started.

[Draggable lockAxis not working on IOS Safari]

The codepen is for some reason actually not working on my IOS. But works on android, desktop etc.

 

The issue on IOS is that when dragging the carousel to left or right, the axis is not locked and the page scrolls up/down when only trying to swipe left/right.

See the Pen qBWNEjp by karibertils (@karibertils) on CodePen