禁用离子内容滚动

Question

我需要禁用离子内容滚动，因为我在自定义组件上使用离子滚动。已经尝试过对离子含量进行无反弹和离子固定。我也试过设置这个css：

.content .scroll-content {
        overflow: hidden;
}

但它不起作用。 我只需要禁用内容滚动并保留自定义组件的滚动。

提前致谢。

Answer 1

将此添加到.scss文件

.no-scroll .scroll-content{
     overflow: hidden;
}

然后将无滚动类添加到您的离子内容中，如此

<ion-content class="no-scroll">
..
</ion-content>

Answer 2

ion-content {
     --overflow: hidden;
}

Answer 3

您可以通过两种不同的方法来做到这一点：

在 SCSS 中：-

ion-content {--overflow: hidden}

或

在 HTML 中：-

<ion-content scroll-y="false">