IONIC3导航栏左右滚动效果

Question

刚刚接触IONIC，想实现类似于，今日头条，腾讯新闻等主流APP应用的导航左右滑动效果，只需要左右滑动，页面不需要切换，点击时候我会通过接口拉取数据。求各位大神给个思路或解决方案。

我发现MUI有这个效果，但是IONIC官方没有提供这种场景的解决方案，下面是MUI的官方demo
http://www.dcloud.io/hellomui...

下面这个就是我要实现的效果：

另外还有产品详情的这个切换，不知道用什么IONIC的标签。

Answer 1

第一个可以用slides组件
第二个可以用segment组件

具体可以查阅API

Answer 2

<ion-scroll scrollX="true" scroll-ys >

<div style="width:11111px;">
  <div fl-active>
    <p no-margin>休闲零食</p>
  </div>
  <div fl>
    <p no-margin>奶品水饮</p>
  </div>
  <div fl>
    <p no-margin>油粮厨房</p>
  </div>
  <div fl>
    <p no-margin>家电用品</p>
  </div>
  <div fl>
    <p no-margin>美妆洗护</p>
  </div>
  <div fl>
    <p no-margin>休闲零食</p>
  </div>
  <div fl>
    <p no-margin>休闲零食</p>
  </div>
  <div fl>
    <p no-margin>休闲零食</p>
  </div>
  <div fl>
    <p no-margin>休闲零食</p>
  </div>
</div>

</ion-scroll>
[scroll-ys]{

width:100%;height:43px;background-color:#fff;border-bottom:1px solid #dadada;

}
[fl-active ]{

padding:10px;float:left;border-bottom:3px solid #2773fd;margin:0 5px;       

}
[fl]{