Bagaimana untuk Mencapai Kedudukan Tetap dalam Safari Mudah Alih?

Membetulkan Kedudukan dalam Safari Mudah Alih

Menempatkan elemen tetap berbanding dengan port pandangan dalam Safari Mudah Alih merupakan satu cabaran yang telah lama wujud. Kaedah tradisional menggunakan kedudukan: tetap selalunya gagal dalam penyemak imbas ini.

Penyelesaian Alternatif

Gmail baru-baru ini memperkenalkan penyelesaian inovatif yang menawarkan anggaran kedudukan tetap. Caranya terletak pada melaraskan secara dinamik kedudukan teratas elemen pada tatal.

Pelaksanaan JavaScript

Kaedah alternatif ini boleh dilaksanakan dengan hanya beberapa baris JavaScript:

window.onscroll = function() {
  document.getElementById('fixedDiv').style.top =
     (window.pageYOffset + window.innerHeight - 25) + 'px';
};

Dalam kod ini, pendengar acara onscroll mengemas kini sifat CSS teratas elemen dengan id="fixedDiv". Formula yang digunakan memastikan bahawa elemen sentiasa diposisikan di bahagian bawah port pandangan, dengan offset kecil 25 piksel.

Dengan sentiasa melaraskan kedudukan elemen pada tatal, kod ini secara berkesan mensimulasikan kedudukan tetap yang kekal berlabuh ke port pandangan dalam Safari Mudah Alih.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Kedudukan Tetap dalam Safari Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!