无法在具有全宽 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 = () => { };
    }
}

Answer 2

@sushil kumar 代码完美运行。谢谢。

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

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

Can't vertical scroll page on mobile devices with full width PrimeNg carousel

html

css

primeng