首页 > 解决方案 > Ionic 5 android 不移除滚动反弹效果

问题描述

我在 Ionic 5 中遇到了 Android 滚动的问题。我找不到禁用滚动反弹效果的方法并且它不可用。

当您松开手指或到达列表末尾时,它会弹回到开头,您无法正常导航。

 Ionic CLI                       : 6.11.10 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.3.1
   @angular-devkit/build-angular : 0.901.12
   @angular-devkit/schematics    : 9.1.12
   @angular/cli                  : 9.1.12
   @ionic/angular-toolkit        : 2.3.0

Capacitor:

   Capacitor CLI   : 2.4.0
   @capacitor/core : 2.4.0

 NodeJS : v12.19.1 (/usr/local/bin/node)
   npm    : 6.14.8
<ion-content class="card-background-page" (animationiteration)="false" [forceOverscroll]="false" [scrollEvents]="false" scroll-y="false">
    <ion-virtual-scroll (animationiteration)="false"  class="list-species" [items]="levels" approxItemHeight="200px">
        <ion-card *virtualItem="let level; let itemBounds = bounds;" (click)="levelClicked(level)">
            <ion-img *ngIf="level.img != null" [src]="apiUrl + '/uploads/species/' + level.img" alt=""></ion-img>
            <div class="card-title">{{level.label}}</div>
        </ion-card>
    </ion-virtual-scroll>
</ion-content>

有任何想法吗?谢谢。

标签: androidionic-frameworkscroll

解决方案


我找到了导致问题的原因。我从 AndroidManifest.xml 中删除了选项“android: hardwareAccelerated =” false“

并且问题已得到解决。


推荐阅读