Ace: 当操作系统选项“显示滚动条”未设置为“始终”时,滚动条在 Chrome macOS 上不可见

创建于 2019-02-05  ·  3评论  ·  资料来源: ajaxorg/ace

它与 #2872 类似,但该问题的修复在这里不起作用。 它不能通过设置不透明度小的背景来解决,它只适用于不透明的背景。
此外,我对最新的 Safari 12.0.1 没有任何问题 - 无需修复即可。

macOS 莫哈韦 10.14.1
铬 71.0.3578.98

最有用的评论

仅对于从 Google 到达这里(如我)以在他们自己的项目中解决相同问题的任何人,都可以在此站点中找到解决方案:

:root {
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,0,0,.2);

  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
}
.overflowing-element::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.overflowing-element::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
}
.overflowing-element::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  /* Add :hover, :active as needed */
}
.overflowing-element::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.overflowing-element::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

只需将.overflowing-element替换为要显示滚动条的 div 的类名。

注意:很抱歉劫持了这个问题,但这个问题很难解决并找到解决方案,因为 Google 一直将我引导到 Github 中针对特定项目的问题或有关如何使滚动条始终显示在 MAC OS 中的教程.

所有3条评论

我认为这是 Apple Magic Trackpad 的错误。 如果你使用它,鼠标瞬间,你永远不会有永久滚动条。 你也会有错误,ACE 认为有一个水平滚动条,你不能点击编辑器的最后一行。

请检查https://github.com/ajaxorg/ace/pull/3987是否解决了这个问题

仅对于从 Google 到达这里(如我)以在他们自己的项目中解决相同问题的任何人,都可以在此站点中找到解决方案:

:root {
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,0,0,.2);

  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
}
.overflowing-element::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.overflowing-element::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
}
.overflowing-element::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  /* Add :hover, :active as needed */
}
.overflowing-element::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.overflowing-element::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

只需将.overflowing-element替换为要显示滚动条的 div 的类名。

注意:很抱歉劫持了这个问题,但这个问题很难解决并找到解决方案,因为 Google 一直将我引导到 Github 中针对特定项目的问题或有关如何使滚动条始终显示在 MAC OS 中的教程.

此页面是否有帮助?
0 / 5 - 0 等级