Horizontal scroll: unlock main vertical scroll

[jbdemonte]

Hi,

Is there a way to un-prevent vertical scroll on horizontal scrolling area.

I mean, in this codepen: http://codepen.io/jbdemonte/pen/mJMgRa

The main area may scroll vertically, but if we touch the horizontal area, the main area is locked vertically.
And on mobile, if the horizontal area height is huge, the user can’t scroll down on the main one

Thanks,

[bokboki2002]

Hi,
This is one solution to your problem:

Continuing the discussion from When using Horizontal Scroll ion-scroll page can't be scrolled down in y-direction:

@walm

I made a change to @bra1n codepen example, and created a horizontal-scroll-fix directive that override touchStart for child scroll views (or ion-content). So no need to patch ionic.bundle.js.

See http://codepen.io/walm/pen/wBoReG

On a device (or Chrome simulating touch events) go to http://s.codepen.io/walm/debug/wBoReG
it only works for touch so no mouse, and ok with iOS and Android.
Also it locks main scroll when doing horizontal scrolling.

[jbdemonte]

I missed that post, thanks