Rumah >hujung hadapan web >tutorial css >Mengapa Elemen Tetap Saya Hilang dalam Chrome Selepas Mengklik Pautannya?

Mengapa Elemen Tetap Saya Hilang dalam Chrome Selepas Mengklik Pautannya?

Barbara Streisand
Barbara Streisandasal
2024-11-03 17:03:30982semak imbas

Why Do My Fixed Elements Disappear in Chrome After Clicking Their Links?

Chrome's Fixed Elements Invisibility

Dalam Chrome, elemen tetap, biasanya digunakan untuk bar navigasi melekit, kadangkala hilang apabila mengklik pautannya. Anomali ini menjelma sebagai kehilangan sebahagian atau keseluruhan elemen, yang muncul semula apabila pergerakan atau skrol tetikus.

Punca:

Punca sebenar tidak diketahui, tetapi ia kelihatan menjadi isu WebKit yang mempengaruhi elemen yang diletakkan di bahagian atas halaman (atas: 0).

Penyelesaian:

Untuk menyelesaikan isu ini, tambahkan CSS berikut harta kepada elemen tetap yang terjejas:

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

Ini memaksa Chrome menggunakan pecutan perkakasan untuk menjadikan elemen tetap itu secara berterusan, menghalang halimunan terputus-putusnya.

Maklumat Tambahan:

  • Isu ini hanya mempengaruhi elemen dengan atas: 0. Menggunakan bawah: 0 sebaliknya mengekalkan tingkah laku yang dijangkakan.
  • Penyelesaian ini menangani isu yang serupa dengan yang dibincangkan dalam soalan yang dirujuk, tetapi menyediakan pembetulan berfungsi.
  • Laporan pepijat untuk isu ini telah difailkan dengan Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=288747. Pertimbangkan untuk membintangi pepijat untuk memberi perhatian kepada isu ini.

Atas ialah kandungan terperinci Mengapa Elemen Tetap Saya Hilang dalam Chrome Selepas Mengklik Pautannya?. 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