Mengapa Bar Navigasi Tetap Saya Hilang dalam Chrome?

Elemen Tetap Lenyap dalam Chrome

Apabila melaksanakan bar navigasi tetap menggunakan position: fixed, pembangun mungkin menghadapi masalah apabila elemen itu hilang secara sporadis dalam Chrome. Isu ini boleh nyata apabila item navigasi aktif menjadi sebahagian atau tidak kelihatan sepenuhnya.

Punca dan Penyelesaian

Isu ini disebabkan oleh keanehan dalam enjin pemaparan Chrome, terutamanya untuk elemen dengan atas: 0. Untuk menyelesaikan masalah ini, tambahkan peraturan CSS berikut pada elemen tetap:

<code class="css">-webkit-transform: translateZ(0)</code>

Penjelasan

Peraturan ini memaksa Chrome menggunakan pecutan perkakasan untuk terus melukis elemen tetap, memintas isu pemaparan. Dengan menggunakan transformasi 3D, pemproses grafik (GPU) penyemak imbas digunakan, memastikan elemen itu kekal kelihatan walaupun semasa peralihan halaman dan interaksi elemen.

Maklumat Tambahan

Isu yang dilaporkan menjejaskan elemen dengan bahagian atas: 0, tetapi bukan elemen yang mempunyai bahagian bawah: 0. Ini menunjukkan bahawa isu itu berkaitan dengan cara Chrome mengendalikan elemen berhampiran bahagian atas port pandangan.

Pembetulan Sementara

Semasa menunggu pembetulan kekal daripada Chrome, menggunakan bottom:0 untuk elemen tetap boleh menyediakan penyelesaian.

Melaporkan Isu

Untuk meningkatkan kesedaran tentang isu ini, pepijat Chrome telah difailkan: https://bugs.chromium.org/p/chromium/issues/detail?id=288747. Pengguna boleh menyumbang dengan membintangi pepijat ini untuk mengutamakan penyelesaiannya.

Atas ialah kandungan terperinci Mengapa Bar Navigasi Tetap Saya Hilang dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!