Bagaimana untuk Mencapai Kedudukan Tetap Benar dalam Safari Mudah Alih?

Elemen Kedudukan Ditetapkan dalam Safari Mudah Alih

Elemen penentududukan yang ditetapkan relatif kepada port pandangan dalam Safari Mudah Alih telah menjadi cabaran yang berulang. Walaupun kedudukan: harta tetap sering gagal memberikan kesan yang diingini, penyelesaian inovatif muncul.

Melaksanakan Kedudukan Tetap dengan JavaScript

Gmail baru-baru ini memperkenalkan teknik yang hampir kedudukan tetap. Dengan memanfaatkan peristiwa tatal masa nyata yang ditangkap melalui JavaScript, seseorang boleh mengekalkan elemen berlabuh di bahagian bawah halaman semasa pengguna menatal. Penyelesaian ini berkesan dan cekap.

Untuk melaksanakan teknik ini, laksanakan kod berikut:

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

Kod ini memberikan sifat teratas elemen div bernama fixedDiv nilai baharu berdasarkan mengimbangi tatal halaman, memastikan ia kekal di bahagian bawah tanpa mengira menatal.

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