我的页面顶部有一个按钮列表,当您单击按钮页面时,可以平滑地滚动到目标div。它在Android和Web上运行良好,但是当我在iOS设备上尝试滚动时,滚动将立即转到div并导致按钮列表出现一些UI错误。
这是我的滚动代码:
Math.max
信息:
subCatDiv.scrollIntoView({ block: 'start', behavior: 'smooth', inline: "start" });
我正在使用WKWebView插件。
也将此css规则应用为全局规则:
Ionic:
Ionic CLI : 6.9.1 (/Users/suatkarabacak/npm/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.1.1
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 6 other plugins)
Utility:
cordova-res : 0.14.0
native-run : 1.0.0
System:
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v10.16.3 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS Catalina
Xcode : Xcode 11.3 Build version 11C29
这是我的HTML,我在此列表中单击一个按钮。
* {
-webkit-overflow-scrolling: touch;
}
并滚动到此处的视图:
<div class="sub-categories">
<ion-slides class="sub-categories-slides" #subcatslides (ionSlideDidChange)="subCategoryChangedFromSlide($event)"
[options]="subSlideOpts">
<ion-slide *ngFor="let cat of categories;index as k">
<ng-container *ngFor="let sub of sub_categories;index as i">
<button *ngIf="cat.objectId==sub.category.objectId" class="sub-cat" (click)="chooseSubCategory($event,i,k)">
{{sub.name}}</button>
</ng-container>
</ion-slide>
</ion-slides>
</div>