Artinya: Tinggi gulir bar
Fungsi: Gulir Pemuatan (AJAX), Gulir Navigasi Memperbaiki Posisi, Menggulir Posisi Bingkai Peluru, dll.
Menunjukkan efek dari navigasi gulir dan gulir sidebar Positioning tetap:
1. Browser Chrome
Keduanya document.body.scrolltop dan document.documentelement.scrolltop baik -baik saja
2. Perbedaan antara scrolltop di setiap browser
IE6/7/8/9/10:
Untuk halaman tanpa deklarasi Doctype, Anda dapat menggunakan document.body.scrolltop untuk mendapatkan tinggi scrolltop;
Untuk halaman dengan deklarasi Doctype, Anda dapat menggunakan Document.documentElement.scrolltop;
Safari:
Safari cukup istimewa, dan memiliki fungsinya sendiri untuk mendapatkan scrolltop: window.pageyoffset;
Firefox:
Firefox dan browser yang relatif standar lainnya jauh lebih bebas khawatir, gunakan saja secara langsung
document.documentelement.scrolltop;
3. Dapatkan nilai scrolltop
Sempurna untuk mendapatkan frase penugasan scrolltop:
var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
PS: Masalah dalam penggunaan scrolltop di JavaScript
Document.DocumentElement.scrolltop mengacu pada koordinat vertikal bilah gulir
Document.DocumentElement.ClientHeight mengacu pada ketinggian area yang terlihat dari browser.
Document.DocumentElement.ClientHeight-ODIV adalah koordinat vertikal awal dari kotak yang ditangguhkan (relatif terhadap nilai atas tubuh) (nilai ini diperbaiki)
Namun, ketika Anda menarik bilah gulir, koordinat vertikal (target) dari bingkai mengambang harus ditingkatkan atau dikurangi berdasarkan koordinat awal untuk mendapatkan efek gulir visual dengan bilah gulir. Nilai kenaikan atau penurunan adalah jarak yang ditarik bilah gulir, yaitu, scrolltop Anda
Biarkan saya memberi tahu Anda apa perbedaan antara Scrolltop dan Offsettop di JavaScript
Scrolltop mengacu pada jarak di mana blok yang dapat digulir menggulir ke bawah, seperti menggulir ke bawah dengan 10 piksel, kemudian nilai atribut scrolltop dari elemen ini adalah 10;
Offsettop adalah jarak absolut antara batas atas elemen dan batas atas elemen induk.
Keduanya tidak menggambarkan hal yang sama, jadi tidak ada perbandingan.
Di atas adalah deskripsi lengkap scrolltop di JavaScript yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda ingin tahu lebih banyak, harap perhatikan wulin.com!