我有一個帶有水平滾動條的離子內容
<ion-content [fullscreen]="true" [scrollX]="true" (wheel)="onWheel($event)">
滾動條效果很好，但滑鼠滾輪不行。我想用滑鼠滾輪水平滾動
這是我的嘗試：
onWheel(event: WheelEvent): void {
console.log(event.deltaY);
const element: HTMLElement = event.currentTarget as HTMLElement;
element.scrollLeft = event.deltaY;
event.preventDefault();
}
控制臺日志顯示 100 或 -100，但滾動不成功。
uj5u.com熱心網友回復：
滾動位于 ion-content 下的元素上。這有效：
onWheel(event: WheelEvent): void {
const element: IonContent = event.currentTarget as unknown as IonContent;
element.getScrollElement().then((scroll) => {
scroll.scrollLeft = event.deltaY;
});
event.preventDefault();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/441164.html