Scroll 2 columns of a grid on same page, every for its own

In my 4 columns I set CSS style min-width, width and max-width using percentages (%) on ion-col, height on ion-content and ion-col offset on the display (height = innerHeight - bottomTabHeight) and hide scroll bars for each ion-col. Now, each ionic column scrolls independently. The height must be calculated because when devices flip it will be adjusted or else the ion-content (parent content) will scroll (doesn’t look and feel good) because the other columns with smaller amount will scroll up).

https://forum.ionicframework.com/t/solved-how-to-get-rid-of-the-scroll-bar/30468/3

http://stackoverflow.com/questions/35952538/how-can-i-disable-or-hide-the-scrollbar-within-an-ionic-2-ion-content