Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menghalang Anjakan Susun Atur Bar Skrol dalam Reka Bentuk Web?

Bagaimanakah Saya Boleh Menghalang Anjakan Susun Atur Bar Skrol dalam Reka Bentuk Web?

DDD
DDDasal
2024-12-27 08:27:15423semak imbas

How Can I Prevent Scrollbar-Induced Layout Shifts in Web Design?

Mencegah Anjakan Bar Skrol

Dalam sesetengah reka bentuk web, DIV sejajar tengah boleh digunakan. Walau bagaimanapun, apabila beralih antara halaman yang memerlukan penatalan dan halaman yang tidak, penambahan bar skrol boleh menyebabkan reka letak halaman beralih sedikit. Ini boleh menyusahkan pengguna.

Untuk mengelakkan isu ini tanpa memaparkan bar skrol secara manual pada setiap halaman, anda boleh mengubah suai CSS gaya:

CSS:

html {
  overflow-y: scroll;
}

Penjelasan:

  • html menetapkan sifat limpahan-y bagi elemen HTML.
  • skrol menunjukkan bahawa kandungan harus dibenarkan untuk menatal secara menegak dalam penyemak imbas tetingkap.

Nota:

  • Memohon limpahan-y: tatal ke elemen html adalah disyorkan, kerana menggunakannya pada elemen badan boleh menyebabkan untuk menggandakan bar skrol dalam versi lama Internet Explorer.
  • Menetapkan limpahan-y pada elemen html memastikan kelakuan menatal yang konsisten merentas penyemak imbas dan jenis halaman yang berbeza tanpa menjejaskan reka letak DIV sejajar tengah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Anjakan Susun Atur Bar Skrol dalam Reka Bentuk Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn