如何在使用Angular-bootstrap模式和窗口位置时防止页面滚动到顶部:修复了ipad的解决方法？

import { Component, ViewChild, ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent {
  @ViewChild('myModal') myModal: ElementRef;

  constructor(private renderer: Renderer2) {}

  openModal() {
    this.renderer.addClass(document.body, 'no-scroll');
    this.myModal.nativeElement.style.display = 'block';
  }

  closeModal() {
    this.renderer.removeClass(document.body, 'no-scroll');
    this.myModal.nativeElement.style.display = 'none';
  }
}

.no-scroll {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}