html - 无法在具有全宽 PrimeNg 轮播的移动设备上垂直滚动页面

Question

我在页面上有一个全宽轮播，页面的大部分区域都被轮播覆盖。在移动屏幕上尝试垂直滚动时，它不起作用。

您可以在此处检查行为，尝试滚动图像。 https://primefaces.org/primeng/showcase/#/carousel

Answer 1

我已经找到了解决此问题的方法。如果我们覆盖 onTouchMove 方法，滚动将开始工作。因为在这个方法的插件实现中，默认事件被阻止了。

import { Carousel } from 'primeng/carousel';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})
export class AppComponent {

    constructor() {
        Carousel.prototype.onTouchMove = () => { };
    }
}