ionic中滚动的角度更改样式

.scroll-content {
  transform: rotate(45deg);
}

<ion-content (ionScroll)="onScroll($event)">
  <div class="scroll-content">
    <!-- 内容 -->
  </div>
</ion-content>

import { Component } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  onScroll(event) {
    const scrollTop = event.detail.scrollTop;
    const angle = scrollTop / 10; // 根据滚动位置计算角度

    const scrollContent = document.querySelector('.scroll-content');
    scrollContent.style.transform = `rotate(${angle}deg)`;
  }
}