Bagaimana untuk Mendapatkan Kedudukan Bar Skrol dalam JavaScript?

Mendapatkan Kedudukan Bar Tatal dengan JavaScript

Untuk menentukan kedudukan paparan semasa pada halaman web, anda boleh memastikan kedudukan bar skrol menggunakan JavaScript. Panduan ini akan menunjukkan cara untuk mencapai ini.

Untuk mendapatkan kedudukan bar skrol, anda boleh menggunakan sifat element.scrollTop dan element.scrollLeft. Sifat ini mengembalikan offset menegak dan mendatar bagi elemen elemen yang telah ditatal, masing-masing. Jika anda berminat dengan halaman penuh, elemen boleh ditetapkan kepada document.body.

Untuk menentukan peratusan, anda boleh membandingkan nilai offset kepada element.offsetHeight dan element.offsetWidth. Sekali lagi, elemen boleh menjadi badan dokumen.

Berikut ialah coretan kod contoh yang menunjukkan penggunaan sifat ini:

// Get the vertical scroll position of the document
const verticalScrollPos = document.body.scrollTop;

// Get the horizontal scroll position of the document
const horizontalScrollPos = document.body.scrollLeft;

// Get the height and width of the document
const documentHeight = document.body.offsetHeight;
const documentWidth = document.body.offsetWidth;

// Calculate the percentage of the vertical scroll position
const verticalScrollPercentage = (verticalScrollPos / documentHeight) * 100;

// Calculate the percentage of the horizontal scroll position
const horizontalScrollPercentage = (horizontalScrollPos / documentWidth) * 100;

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Kedudukan Bar Skrol dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!