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

【问题标题】：Hiding scrollbars in Safari (iOS 11.1.2) still not possible with webkit-scrollbar?使用 webkit-scrollbar 仍然无法在 Safari (iOS 11.1.2) 中隐藏滚动条？
【发布时间】：2018-05-04 22:42:22
【问题描述】：

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

可滚动元素将 -webkit-overflow-scrolling 设置为 'touch' 以方便阅读长列表和内容。

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

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

或

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

或两者的组合。但是没有效果。

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

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

【问题讨论】：

“可滚动元素将 -webkit-overflow-scrolling 设置为 'touch' 以使阅读长列表和内容更加舒适。” - 必须多次滚动内容地方通常不“舒适”，很烦人......
在我的例子中，东西可以滚动到屏幕上的一个地方。例如。它可以是消息列表或大表格。通过“舒适”，我的意思是：如果内容真的很长，那么用户可以通过一个手势向上或向下滚动大部分内容，如果 -webkit-overflow-scrolling 设置为“触摸”。因为手势结束后内容会继续滚动一段时间。否则，滚动在用户停止触摸屏幕后立即停止。就是这个意思。
那么为什么你需要隐藏滚动条，那不是只在开始滚动时自动显示吗？
这正是交给我的任务 - 这样做是为了让滚动条始终隐藏，即使在滚动时也是如此。

标签： css safari webkit scrollbar ios11

【解决方案1】：

也许你可以使用：

.element {
  overflow: hidden;
}

【讨论】：

这样可以防止滚动。