Ionic 4 - 删除滚动条

Question

在 Ionic 4 中删除滚动条同时仍然保持滚动和使用阴影的能力的最佳方法是什么 DOM？

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

以上无效。

Answer 1

试试这个在 ionic 4 中对我来说效果很好

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

Answer 2

其他解决方案会禁用我的滚动条。为我修复的是用 div 替换我的 ion-contents 并将其添加到 app.scss

div {
  -ms-overflow-style: none; /* Edge, Internet Explorer */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll;
}

// hides scrollbars while allowing to scroll
div::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

Ionic 4 - 删除滚动条

Ionic 4 - Remove Scroll Bar

ionic4