Mengapa Bar Sisi Tetap Saya Hilang Apabila Mengklik Pautan Sauh dalam Chrome dan Opera?

Isu Paparan Chrome dan Opera: Elemen Kedudukan Tetap Hilang dengan Klik Sauh

Kod HTML yang disediakan cuba mencipta bar sisi tetap di sebelah kanan -sebelah tangan dokumen. Walau bagaimanapun, apabila

elemen ditambah pada halaman, bar sisi tetap mungkin kadangkala hilang apabila pautan sauh diklik.

Penyelesaian Chrome:

Untuk menyelesaikan isu dalam Chrome, tambahkan mengikut gaya kepada elemen tetap:

<code class="css">#sidebar {
  -webkit-transform: translateZ(0);
}</code>

Dalam keadaan tertentu, Google Chrome memerlukan kemasukan transformasi 3D untuk memisahkan pengecatan semula daripada proses CSS lain, dengan berkesan menyelesaikan isu paparan.

Penyelesaian Opera:

Membetulkan isu dalam Opera adalah sedikit lebih rumit. Berikut ialah penyelesaian yang memaksa pengecatan semula berterusan:

<code class="css">@keyframes noop {
  0%   { margin-bottom: 0; }
  100% { margin-bottom: 1em; }
}

#sidebar {
    animation: noop 1s infinite;
}</code>

Animasi ini akan menyebabkan Opera sentiasa mengira semula dan memaparkan semula faktor reka letak, memastikan kedudukan tetap kekal stabil.

Nota:

Walaupun penyelesaian ini berkesan menyelesaikan pepijat dalam kebanyakan kes, mungkin terdapat kelipan kecil sekali-sekala semasa Opera cuba untuk menetapkan semula kedudukan tetap.

Atas ialah kandungan terperinci Mengapa Bar Sisi Tetap Saya Hilang Apabila Mengklik Pautan Sauh dalam Chrome dan Opera?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!