Cara Mencapai Kedudukan Tetap dalam Safari Mudah Alih: Panduan Komprehensif

Kedudukan Tetap dalam Safari Mudah Alih: Panduan Komprehensif

Mencapai kedudukan tetap untuk elemen berbanding dengan port pandangan dalam Safari Mudah Alih mungkin mencabar. Walaupun terdapat kepercayaan meluas bahawa "kedudukan: tetap" tidak berfungsi dalam Safari Mudah Alih, Gmail telah memperkenalkan penyelesaian inovatif yang menawarkan anggaran hampir kedudukan tetap yang sebenar.

Satu pendekatan untuk menangani masalah ini ialah memanfaatkan JavaScript untuk mengesan peristiwa tatal masa nyata. Ini membolehkan anda melaraskan kedudukan elemen secara dinamik semasa halaman ditatal.

Untuk mencapai div kedudukan tetap yang menatal ke bahagian bawah halaman, anda boleh melaksanakan skrip JavaScript mudah:

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

Dengan melaraskan sifat "atas" elemen "fixedDiv" berdasarkan offset dan ketinggian halaman, div akan mengekalkan kedudukannya di bahagian bawah port pandangan semasa pengguna menatal. Pelarasan "25" memastikan bahawa div diimbangi sedikit dari bahagian bawah skrin untuk tontonan optimum.

Atas ialah kandungan terperinci Cara Mencapai Kedudukan Tetap dalam Safari Mudah Alih: Panduan Komprehensif. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!