css - 使用 webkit-scrollbar 仍然无法在 Safari (iOS 11.1.2) 中隐藏滚动条？

Question

我需要在最新的 Safari (iOS 11.1.2) 中隐藏我的网络应用程序中的所有滚动条。即使通过滚动也必须隐藏它们。

可滚动元素将 -webkit-overflow-scrolling 设置为“touch”，以便阅读长列表和内容时感觉舒适。

为了隐藏滚动条，我尝试将以下规则应用于可滚动元素:

.element::-webkit-scrollbar {
  display: none;
}

或

.element::-webkit-scrollbar {
    -webkit-appearance: none;
}

或它们的组合。但是没有效果。

在这种情况下是否可以隐藏滚动条？

或者唯一的方法是通过给元素的容器一个负的 margin-right 值来使用已知的 hack 来隐藏滚动条？

Answer 1

也许你可以使用:

.element {
  overflow: hidden;
}