Ace: OSオプションの[スクロールバーを表示する]が[常に]に設定されていない場合、ChromemacOSではスクロールバーが表示されません。

作成日 2019年02月05日  ·  3コメント  ·  ソース: ajaxorg/ace

#2872に似ていますが、この問題の修正はここでは機能しません。 不透明度の小さい背景を設定しても修正できません。不透明な背景でのみ機能します。
また、最新のSafari 12.0.1でも問題はありません。この修正がなくても、動作します。

macOS Mojave 10.14.1
Chrome 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件

これはAppleMagicTrackpadのバグだと思います。 マウスの瞬間にそれを使用する場合、永続的なスクロールバーはありません。 また、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 評価