禁用离子含量滚动答案

【问题标题】：Disable scroll of ion-content禁用离子含量滚动
【发布时间】：2022-05-09 16:10:31
【问题描述】：

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

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

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

提前致谢。

【问题讨论】：

“它不起作用”？相反，它不是工作太多，并且禁用了所有应用程序滚动吗？如果是这样，您应该将此样式归因于.no-scroll .scroll-content 而不是，并将class="no-scroll" 添加到要禁用滚动的元素中

【解决方案1】：

ion-content {
     --overflow: hidden;
}

【讨论】：

【解决方案2】：

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

在 SCSS 中：-

ion-content {--overflow: hidden}

或

在 HTML 中：-

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

【讨论】：

【解决方案3】：

将此添加到您的 .scss 文件中

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

然后像这样将无滚动类添加到您的离子内容中

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

【讨论】：