cordova - ionic 3.2 - 如何禁用 ionic 内容滚动？

Question

我正在开发一个 Ionic 3.2 版本的应用程序。我在 ion-scroll 中有一个 ionic 刷新器。我想禁用 ion-content 的滚动并想显示 ion-refresher内ion-scroll当滚动 ion-list .但它失败了。

我试过 no-bounce ( <ion-content no-bounce> ) 和 disable-scroll ( <ion-content disable-scroll> ) 但内容仍在滚动

我试着把 ion-fixed内content并在 div 内正下方content .但随后 ion-refresher不工作。

我试过 scroll="false" (如 ionic 1.0)但仍在滚动

代码下方；

    <ion-content scroll="false">
    <ion-scroll scrollY="true" style="width: 100% !important;height:30% !important"> 
        <ion-refresher (ionRefresh)="fill_data($event)">
          <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="{{ 'pull_to_refresh' | translate }}" refreshingSpinner="circles"
            refreshingText="{{ 'refreshing' | translate }}">
          </ion-refresher-content>
        </ion-refresher> 
        <ion-list>
          //data filling here
        </ion-list>
      </ion-scroll>
    </ion-content>

请帮我...

Answer 1

这就是我刚才所做的 - 和你一样的问题@Tony

使用这个 SCSS，我的列表可以滚动，我可以在它下面有项目:

page-home {
  .scroll-content {
    overflow: hidden;
  }

  ion-list {
    overflow-y: auto;
    max-height: 72vh;
  }
}

我尝试使用 ionic scroll和其他选项，但现在似乎都不起作用。