How I can add sliding feature if we have more than three nested tabs?



How I can add slide feature to left or to right for nested tabs if we have 6 nested tabs like my codepen ?
So I want three from six nested tabs show in one screen for mobile version.

Can I set scroll for tabbar?
Example of nested tab bar navigation?

Could anyone help me to solve this problem?


I would not use tabs…
use a ionic-slidebox and add a custom header, that indicates your current position/active slide. add a click action to that indicator to go to the wanted slide:$ionicSlideBoxDelegate/


But my big problem my friend just want nested tabs so can scrolling to left or to right.


okay then you can try to use ionic gestures-system.

add this to the tabs and set behave if you swipe left or right… but there will be no fancy “slide”-effect/transition.
You need to add this on your own