Ace: Bilah gulir tidak terlihat di Chrome macOS ketika opsi OS "Tampilkan bilah gulir" tidak disetel ke "Selalu"

Dibuat pada 5 Feb 2019 · 3Komentar · Sumber: ajaxorg/ace

Ini mirip dengan #2872 tetapi perbaikan dari masalah itu tidak berfungsi di sini. Itu tidak dapat diperbaiki dengan mengatur latar belakang dengan opacity kecil, ini hanya berfungsi dengan latar belakang yang tidak transparan.
Juga, saya tidak memiliki masalah pada Safari 12.0.1 terbaru - ini berfungsi tanpa perbaikan itu.

macOS Mojave 10.14.1
Chrome 71.0.3578.98

Sumber

jakub-zawislak

Komentar yang paling membantu

Hanya untuk siapa saja yang tiba di sini (seperti saya) dari Google untuk memperbaiki masalah yang sama di proyek mereka sendiri, solusinya dapat ditemukan di situs ini :

: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);
}

Ganti saja .overflowing-element dengan nama kelas untuk div yang ingin Anda tampilkan di bilah gulir.

CATATAN: Maaf telah membajak masalah ini, tetapi masalah ini sangat sulit untuk dipecahkan dan menemukan solusi, karena Google terus mengarahkan saya ke masalah di Github untuk proyek tertentu atau ke tutorial tentang cara mengaktifkan bilah gulir untuk selalu ditampilkan di MAC OS .

Exadra37 pada 29 Apr 2020

👍3

Semua 3 komentar

Saya pikir ini adalah bug Apple Magic Trackpad. Jika Anda menggunakannya, mouse instan, Anda tidak akan pernah memiliki scrollbar permanen. Anda juga akan memiliki bug, yang menurut ACE ada bilah gulir horizontal dan Anda tidak dapat mengklik di baris terakhir editor.

MrSpoocy pada 19 Mar 2019

👍1

Silakan periksa apakah https://github.com/ajaxorg/ace/pull/3987 memperbaiki ini

nightwing pada 14 Jun 2019

Hanya untuk siapa saja yang tiba di sini (seperti saya) dari Google untuk memperbaiki masalah yang sama di proyek mereka sendiri, solusinya dapat ditemukan di situs ini :

: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);
}

Ganti saja .overflowing-element dengan nama kelas untuk div yang ingin Anda tampilkan di bilah gulir.

Exadra37 pada 29 Apr 2020

👍3

Apakah halaman ini membantu?

0 / 5 - 0 peringkat