css 无法在具有全宽度PrimeNg转盘的移动的设备上垂直滚动页面

o2rvlv0m  于 2022-12-24  发布在  其他
关注(0)|答案(3)|浏览(128)

我在页面上有一个全宽的旋转木马,页面的大部分区域都被旋转木马覆盖了。在移动的屏幕上,当我试图垂直滚动时,它不起作用。
您可以在这里检查行为,尝试滚动图像。https://primefaces.org/primeng/showcase/#/carousel

5kgi1eie

5kgi1eie1#

我已经找到了这个问题的解决方案。如果我们重写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 = () => { };
    }
}
rkttyhzu

rkttyhzu2#

@sushil kumar代码工作完美,谢谢。

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

mrfwxfqh3#

@Sushil Kumar你的解决方案帮了我很大的忙。谢谢。我刚刚强输入了override方法,这样它就符合我的linting规则了。我的代码看起来像这样:

Carousel.prototype.onTouchMove = (): void => undefined;

相关问题