Scroll vertical on ionic list, when having horizontal scrolling


#1

What I am trying to achive is to have a Ion-list with sub categories that can scroll horizontal, and still be able to scroll all the list items vertical. Horizontal scrolling is working fine, but vertical scroll is lost.
If I set ion-scroll direction=“xy” the y in direction property it only moves the specific panel, and not all the list items.

Please refer to: http://codepen.io/Hosar/pen/vOpbRb?editors=101

Any help is very welcome.


#2

The problem is that you have a scroll-listener on the ion-content, to get ordinary side-scrolling. and additional to that horizontal scrollers.

If you try to scroll vertically on a horizontal scroller --> the horizontal scroller will recieve the scroll-event.

So a list of horizontal scrollers with a height > viewport height is not a good idea