无法滚动离子项，滚动锁定

Question

我正在为我的新应用创建用户界面，但我发现了一个问题。我使用离子项作为按钮，它们一起制作一个大按钮块。我的问题是我下面还有更多内容，但用户无法在按下按钮时滚动。因此，除非他们在按钮停止的右侧或左侧滑动，否则它们会被卡住，这很难弄清楚并且很烦人。如何允许滚动这些按钮。感谢。

更新

我发现这也是其他人的问题，也许这是离子本身的一个小问题？

Html代码：

<ion-view id="page9">
<ion-nav-title>
    <span class="blue">{{title}}</span>
</ion-nav-title>


  <ion-content padding="true" class="has-header">

<div class="scroll padding">

<div class="spacer" style="height: 20px;"></div>



<div class="list card" id="fBLA-card24" data-componentid="card24" data-tap-disabled="true">

<a ng-click="membersPage()"><ion-item class="item-icon-left item" id="fBLA-list-item8" data-componentid="list-item8" data-tap-disabled="true">
<i class="icon ion-android-people">

</i>Members</ion-item></a>
<div class="spacer" style="height: 20px;"></div>
<a ng-click="eventsPage()"><ion-item class="item-icon-left item" id="fBLA-list-item10" data-componentid="list-item10" data-tap-disabled="true"><i class="icon ion-ios-people">
</i>Events</ion-item></a>

<div class="spacer" style="height: 20px;"></div>
<a ng-click="scanAndCheck()"><ion-item class="item-icon-left item" id="fBLA-list-item9" data-componentid="list-item9" data-tap-disabled="true">
<i class="icon ion-android-checkbox">

</i>Scan and Check</ion-item></a>
<div class="spacer" style="height: 20px;"></div>
<a ng-click = "scanBarcode()"><ion-item class="item-icon-left item" id="fBLA-list-item11" data-componentid="list-item11" data-tap-disabled="true">
<i class="icon ion-qr-scanner"></i>Scan new members</ion-item></a>
<div class="spacer" style="height: 20px;"></div>

<a ng-click = "payment()"><ion-item class="item-icon-left item" id="fBLA-list-item11" data-componentid="list-item11" data-tap-disabled="true">
<i class="icon ion-cash"></i>Members Payment</ion-item></a>
<div class="spacer" style="height: 20px;"></div>

<a ng-click = "settings()"><ion-item class="item-icon-left item" id="fBLA-list-item11" data-componentid="list-item11" data-tap-disabled="true">
<i class="icon ion-android-settings"></i>Club Settings</ion-item></a>
<div class="spacer" style="height: 20px;"></div>

</div>
<button id="fBLA-button9" class="button button-assertive  button-block icon-left ion-android-delete" data-componentid="button9" ng-click="deleteClub()" data-tap-disabled="true">Delete Club
</button>
<div class="vcenter">Need to scan a large amount of people? Use the Access Code in Settings.</div>
</div>




  </ion-content>
</ion-view>