即使内容没有溢出，离子内容也会创建滚动条

Question

在我的页面中，我有一个简单的表单，可能会在某些视图中溢出，

ion-content

显示滚动条，并使页面可滚动，即使表单没有溢出。 事实上，即使我删除整个表单，页面也是可以滚动的。这是bug吗？

Answer 1

Ionic 使用 Shadow DOM，最简单的是对 global.scss 执行以下操作

.no-scrollbar {
    --overflow: hidden;
}

在你的模板中：

<ion-content class="no-scrollbar">

但是，这不仅隐藏了滚动条，还阻止了滚动。我猜这就是你想要的？要禁用滚动条，您必须修改影子 DOM，您可以在模板的 .scss 中使用

来完成此操作

ion-content::part(scroll)::-webkit-scrollbar {
   display: none;
}