Bagaimana untuk Membetulkan Isu \"Kedudukan Tetap\" dalam Penyemak Imbas Mudah Alih?

Membetulkan Kedudukan Isu Tetap dalam Penyemak Imbas Mudah Alih

Masalah:
Kedudukan tetap tidak berfungsi pada versi lama iOS dan penyemak imbas Blackberry tertentu , menyebabkan elemen menatal bersama halaman.

Penyelesaian:
Untuk menangani isu ini, tambahkan -webkit-backface-visibility: hidden harta benda pada elemen tetap.

<code class="css">.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 50px;
  background: red;
  -webkit-backface-visibility: hidden; /* This is the fix */
}</code>

Penjelasan:
Sifat -webkit-backface-visibility mengawal cara elemen muncul apabila ia berpaling daripada pengguna dan tidak kelihatan secara lalai. Menetapkannya kepada tersembunyi memaksa penyemak imbas mengekalkan konteks pemaparan yang sama untuk elemen, menghalangnya daripada terjejas oleh menatal.

Contoh:

<code class="html"><div class="fixed">
  Hi I'm Position Fixed
</div>
<div>
  <!-- Sample text -->
</div></code>

Dengan menggunakan sifat -webkit-backface-visibility: hidden pada elemen tetap, anda boleh memastikan elemen kekal dalam kedudukan yang sama pada skrin, walaupun dalam pelayar iOS dan Blackberry di mana kedudukannya tetap tidak disokong sepenuhnya.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Isu \"Kedudukan Tetap\" dalam Penyemak Imbas Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!