Ionic 4：如何在 ion-content 中隐藏 ScrollBar

Question

我试图隐藏 ion-content (Ionic 4) 中的滚动条 ionic 4 上没有 ion-scroll 所以我使用了 ion-content 但我找不到任何 css 属性来隐藏它（其中大部分不是工作）

我确实想滚动，但我不想看到滚动条

::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}

我试过了，但它对离子含量不起作用。

原文由 Roishuk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

由于 Ionic 使用 shadow DOM 作为 ion-content，应该禁用 shadow DOM 元素中的滚动，然后让 ion-content 自己滚动，然后隐藏 ion-content 的滚动条。结果的离子含量与隐藏的工作滚动条。需要使用 CSS 自定义属性。将样式添加到全局范围。

 ion-content {
  // overwrite inline styles
  --offset-bottom: auto!important;
  --overflow: hidden;
  overflow: auto;
  &::-webkit-scrollbar {
    display: none;
  }
}

原文由 Sergey Oleynikov 发布，翻译遵循 CC BY-SA 4.0 许可协议