interact.js disable native scoll

Question

I would like develop a VueJS swip cards app but interactJS disable the y-axis native scroll on mobile. I reproduce my app on this codepen : https://codepen.io/ostaladaFab/pen/LYQBvXm/7acc1eb6e6afb3583c7f65133019f64d. I can't scroll anymore on mobile. A solution ?

The shorter url : https://shorturl.at/dAS14

Thanks.

Answer 1

Remove these two lines of CSS from your code, and the scrolling issue should be gone.

-ms-touch-action: none;
    touch-action: none;

For these two lines, your touches are being ignored.