Question

我正在尝试在离子标签内实施离子滚动。我的想法是离子标签在屏幕的底部，在一个特定的标签上，我想在顶部有一个可滚动的标签栏，因为我使用离子滚动。

正在发挥作用的事情：

ion-tabs工作正常。
离子滚动工作正常[仅滚动]

问题是：

离子滚动内的元素不可点击。我没有得到他们的点击事件。

我的tabs.html包含以下代码：

＆＃13;

<!-- Add Contact Tab -->
<ion-tab title="Add Contact" badge="requestCount" style="badge-assertive" icon-off="ion-plus" icon-on="ion-plus" href="#/tab/addContacts/forwardOrConnect" class="gtab_label">
  <ion-nav-view name="tab-add_contact"></ion-nav-view>
</ion-tab>

<!-- Profile Tab -->
<ion-tab title="Profile" icon-off="ion-clipboard" icon-on="ion-clipboard" href="#/tab/myProfile/basicDetails">
  <ion-nav-view name="tab-profile"></ion-nav-view>
</ion-tab>

<ion-tab title="New Profile" icon-off="ion-clipboard" icon-on="ion-clipboard" href="#/tab/newProfile">
  <ion-nav-view name="tab-newProfile"></ion-nav-view>
</ion-tab>

＆＃13;

现在，对于添加联系人选项卡，离子导航内容如下：

＆＃13;

<ion-content>
    <div class="tabslider">
        <ion-scroll direction="x" class="scrollh">
            <button class="button" ng-click="goToSlide($index)" ng-repeat="tab in tabs">{{tab.text}}</button>
        </ion-scroll>
    </div>
    <ion-slide-box style="height: 100%;" show-pager="false" on-slide-changed="slideHasChanged($index)">
        <ion-slide>
            <ion-scroll style="height:100%" delegate-handle="slide1Scroll" >
              <h3>content</h3>
            </ion-scroll>
        </ion-slide>
        <ion-slide>
            <ion-scroll style="height:100%">
              <h3>content</h3>
            </ion-scroll>
        </ion-slide>
    </ion-slide-box>
</ion-content>

＆＃13;

有没有人遇到类似问题或其他更好的方法来实现这一目标？提前谢谢。

离子标签内的可滚动标签视图不起作用

0 个答案: