Bagaimanakah Saya Boleh Menghalang Percanggahan Lebar Bar Skrol dalam Chrome?

Gangguan Bar Tatal dalam Chrome: Menghalang Percanggahan Lebar Halaman

Lebar halaman yang tidak konsisten antara penyemak imbas boleh menjadi kegusaran, terutamanya apabila bar skrol mengganggu penjajaran kandungan . Isu ini amat ketara dalam Chrome, di mana bar skrol menegak kelihatan menjejaskan lebar elemen.

Penyelesaian memerlukan menggunakan atribut overflow-y: overlay. Walau bagaimanapun, perlu diingat bahawa atribut ini ditamatkan kerana kemungkinan isu kebolehaksesan dan prestasi. Namun begitu, ia kekal sebagai pilihan yang berdaya maju dalam senario tertentu.

Untuk melaksanakan limpahan-y: tindanan, hanya gunakannya pada elemen berkaitan yang memerlukan bar skrol menegak:

.yourContent {
  overflow-y: overlay;
}

Dengan menggunakan limpahan -y: tindanan, bar skrol berkelakuan sebagai tindanan, muncul di atas kandungan tanpa mengubah suai lebarnya. Ini memastikan elemen halaman kekal berpusat, tanpa mengira kehadiran bar skrol.

Perlu diingat bahawa penyelesaian ini hanya berkesan pada penyemak imbas WebKit, termasuk Chrome. Dalam penyemak imbas lain, atribut tindanan akan berkelakuan seperti tetapan auto lalai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Percanggahan Lebar Bar Skrol dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!