小编gre*_*ory的帖子

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

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

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

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

要么

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

或它的组合.但它没有效果.

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

或者唯一的方法是使用已知的hack隐藏滚动条,为元素的容器赋予负边距权限值？

我试图通过 CSS 规则隐藏 html 元素的滚动条：

.element::-webkit-scrollbar {width: 0;}

它在 Chrome 中运行良好，但在 Safari 中不起作用，尽管它不是基于 webkit 的，并且应该支持此规则。

任何想法，为什么会发生以及如何解决？