Angularjs 滚动时将选项卡移到顶部

我正在使用ionic framework创建移动应用程序。我的应用程序中有3个选项卡，我需要一个类似whatsapp的功能，如图所示

1.初始whatzapp主页

2.滚动时将选项卡移到顶部

这是我正在使用的视图代码：

tabs.html

  <ion-view title="myApp">
        <ion-nav-back-button class="button-clear">
            <i class="ion-arrow-left-c"></i> Back
        </ion-nav-back-button>
        <ion-tabs class="tabs-positive ">
            <ion-tab title="Home" href="#/tab/home">
                <ion-nav-view name="contact-home"></ion-nav-view>
            </ion-tab>
            <ion-tab title="Contact" href="#/tab/contact">
                <ion-nav-view name="contact-tab"></ion-nav-view>
            </ion-tab>
            <ion-tab title="About" icon="" href="#/tab/about">
                <ion-nav-view name="about-tab"></ion-nav-view>
            </ion-tab>
        </ion-tabs>
    </ion-view>

返回

如何在滚动时将选项卡移动到顶部，whatsapp？

Mushin

如果您想让它“粘”到顶部，您需要将顶部div的css设置为

位置：fixed

.tabs-positive { 
  position: fixed;
  right: 0px;
  top: 0px;
  left: 0px;
 }

这就是一个例子

---

如果您想要最顶端的滚动条的良好效果，在最顶端的滚动条被隐藏后，通话/聊天/联系人会粘在顶部，那么您需要通过滚动侦听器来实现这一点。

使用

$ionicConfigProvider.tabs.position（'top'）

修复顶部的选项卡。
使用此选项，或者请提供更多详细信息？比如在哪里运行代码？否则，此答案将被标记为低质量。感谢以上代码将离子标签固定在顶部但在标题下方。滚动时需要进行dom操作，以便修复顶部的选项卡。