Ion-scroll is blocking scrolling


I am using to ion-scroll to scroll vertically through a selection of images and content, but i find that it is blocking the horizontal scrolling of the page.

I have read a bunch of forum topics but I still cant find a solution, here is what I am using

<ion-scroll direction="x" zooming="false" delegate-handle="horizontal" horizontal-scroll-fix="mainScroll">

I am a little stuck so if anyone has any idea I would appreciate any help.

Try this solution