CSS Safari 移除滚动条

在Safari浏览器中，如果你希望移除滚动条，可以使用CSS属性-webkit-scrollbar和其子属性来实现。

使用方法

以下CSS样式可以移除Safari浏览器中的垂直滚动条：

body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  overflow: -moz-scrollbars-none; /* Firefox */
  overflow-y: scroll;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}

其中，scrollbar-width是Firefox浏览器专用属性，表示滚动条的宽度；-ms-overflow-style是Internet Explorer 10+浏览器专用属性，表示滚动条的样式；overflow和overflow-y用于设置元素的垂直滚动条的显示方式，visible表示超出部分显示，scroll表示超出部分滚动；-webkit-overflow-scrolling用于设置元素的滚动方式，touch表示使用平滑滚动效果。

代码片段

body {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow-y: scroll;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}

以上代码可以移除Safari浏览器中的垂直滚动条。

注意：

• 在一些较老的Safari版本中，使用这些CSS样式可能会导致页面出现崩溃等错误，请谨慎使用。
• 移除滚动条可能会给用户带来不便，建议在使用时进行评估并提供其他交互方式。