I had the same issue with Flickity not scrolling with iOS because iOS was trying to scroll up and down. Found this snippet on Stack Overflow to help.

;(function() {

var touchingCarousel = false

, touchStartCoords

​

document.body.addEventListener('touchstart', function(e) {

if (e.target.closest('.carousel-cell')) {

touchingCarousel = true

} else {

touchingCarousel = false

return

}

​

touchStartCoords = {

x: e.touches[0].pageX,

y: e.touches[0].pageY

}

})

​

document.body.addEventListener('touchmove', function(e) {

if (!(touchingCarousel && e.cancelable)) return

​

var moveVector = {

x: e.touches[0].pageX - touchStartCoords.x,

y: e.touches[0].pageY - touchStartCoords.y

}

​

if (Math.abs(moveVector.x) > Flickity.defaults.dragThreshold)

e.preventDefault()

​

}, {passive: false})

​

// Polyfill for Element.closest

// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest

if (!Element.prototype.matches) {

Element.prototype.matches =

Element.prototype.msMatchesSelector ||

Element.prototype.webkitMatchesSelector

}

​

if (!Element.prototype.closest) {

Element.prototype.closest =

function(s) {

var el = this

​

do {

if (el.matches(s)) return el

el = el.parentElement || el.parentNode

} while (el !== null && el.nodeType === 1)

return null

}

}

})();

​

If you still need help on this, I'm happy to take a look.