Bagaimanakah Saya Boleh Menghalang Bar Tatal daripada Mengalihkan DIV Jajaran Pusat Saya?

Menghalang Bar Tatal daripada Mengubah Kedudukan Halaman Web

Apabila menggabungkan DIV sejajar tengah dalam tapak web, kehadiran bar skrol pada halaman tertentu boleh mewujudkan ketidaksesuaian visual. Apabila pengguna menavigasi antara halaman dengan dan tanpa keperluan menatal, kemunculan bar skrol mengganggu penjajaran, mengalihkan halaman sedikit ke sisi. Isu ini boleh diatasi tanpa memaparkan bar skrol secara eksplisit pada semua halaman.

Penyelesaian:

Untuk menghalang bar skrol daripada meletakkan semula halaman, sifat limpahan-y harus digunakan ke tag. Pendekatan ini memastikan bar skrol diaktifkan hanya apabila kandungan melebihi ketinggian port pandangan.

html {
  overflow-y: scroll;
}

Menggunakan gaya ini pada elemen adalah penting, kerana menyasarkan elemen boleh menyebabkan bar skrol berganda muncul dalam Internet Explorer 7. Dengan menunjukkan secara jelas bahawa dokumen HTML harus menatal secara menegak, bar skrol menjadi bebas daripada kandungan, mengekalkan penjajaran halaman dan mengelakkan peralihan yang tidak dijangka.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Bar Tatal daripada Mengalihkan DIV Jajaran Pusat Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!