Overflow scroll tabbar


#1

Hi, I build a scrolling tabbar only with css

File: style.css

.tab-nav, .tabs{
  overflow-x: scroll;
}

.tab-item{
  min-width: 80px;
}

File: tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive"> 
  
  <ion-tab title="News" icon-off="news" icon-on="news" href="#/tab/dash">
    <ion-nav-view name="tab-dash"></ion-nav-view>
  </ion-tab>

  etc..

</ion-tabs>

The div scrolls on right, but the problem is that the icons on left (News and other) are hidden.

I saw that the width of .tabs class is 100%. When remove this width or I put a fixed width the hidden icons showa but scrolling doesn’t work.

News icon appear in a browser only when I enlarge windows


#2

Nobody have idea ? I need some help.