Ace: Полоса прокрутки не отображается в Chrome macOS, если для параметра ОС «Показывать полосы прокрутки» не установлено значение «Всегда».

Созданный на 5 февр. 2019  ·  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. .

Все 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. .

Была ли эта страница полезной?
0 / 5 - 0 рейтинги