Bagaimana untuk Menentukan Peratusan Tatal Menegak Silang Penyemak Imbas?

Penentuan Penyemak Imbas Merentas Peratusan Tatal Menegak

Menentukan peratusan bar skrol menegak yang telah dilalui pengguna ialah tugas penting dalam web pembangunan. Artikel ini menyiasat kaedah untuk mencapai serasi silang penyemak imbas ini dalam penyemak imbas moden.

Menggunakan acara 'onscroll' dan mengakses sama ada documentElement.scrollTop atau body.scrollTop, kita boleh mendapatkan kedudukan semasa bar skrol. Selain itu, documentElement.scrollHeight atau body.scrollHeight menyediakan jumlah ketinggian kawasan boleh tatal.

Dengan menggabungkan nilai ini, kita boleh mengira peratusan tatal seperti berikut:

<code class="javascript">var percent = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;</code>

Di mana:

• h ialah objek documentElement
• b ialah objek badan
• st ialah sifat scrollTop
• sh ialah sifat scrollHeight

Kaedah ini menyediakan penyelesaian serasi yang tepat dan merentas penyemak imbas untuk menentukan peratusan tatal menegak. Ia berfungsi dengan baik dalam Chrome, Firefox dan IE9 , kecuali ia mungkin tidak mencapai 100% tepat pada sesetengah penyemak imbas mudah alih disebabkan oleh tingkah laku auto-sembunyikan-pada-tatal dalam UI penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Peratusan Tatal Menegak Silang Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!