【问题标题】:.element::-webkit-scrollbar{display:none} not working in safari and iOS devices.element::-webkit-scrollbar{display:none} 在 Safari 和 iOS 设备中不起作用
【发布时间】:2019-04-05 15:53:45
【问题描述】:

我试图隐藏特定 ul 的滚动条,但想允许水平滚动,我在下面尝试了

.ul::-webkit-scrollbar {
   display:none
}

它适用于除 safari 和 iOS 之外的所有浏览器和设备

【问题讨论】:

标签: ios css safari cross-browser


【解决方案1】:

我找到了解决办法:

  .my-element::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent; // HERE IS THE TRICK
  }

【讨论】:

  • 它对我不起作用!滚动条仍然出现在 iPhone 6 safari
猜你喜欢
  • 2012-07-26
  • 2021-11-04
  • 1970-01-01
  • 2021-05-23
  • 2013-04-26
  • 1970-01-01
  • 2016-08-21
  • 1970-01-01
  • 2018-05-04
相关资源
最近更新 更多