Kaedah atas skrol dalam JS yang sangat serasi dengan kemahiran browsers_javascript utama

WBOY
Lepaskan: 2016-05-16 16:03:10
asal
1125 orang telah melayarinya

1. Perbezaan dalam tatal atas antara penyemak imbas

IE6/7/8/9/10:

Untuk halaman tanpa pengisytiharan doctype, anda boleh menggunakan document.body.scrollTop untuk mendapatkan ketinggian scrollTop
Untuk halaman dengan pengisytiharan doctype, anda boleh menggunakan document.documentElement.scrollTop ;

Safari:

Safari agak istimewa, ia mempunyai fungsi tersendiri untuk mendapatkan scrollTop: window.pageYOffset

Firefox:

Firefox dan pelayar lain yang agak standard adalah lebih mudah untuk dibimbangkan. Hanya gunakan document.documentElement.scrollTop

2. Dapatkan nilai scrollTop

Dapatkan frasa tugasan scrollTop dengan sempurna:

Salin kod Kod adalah seperti berikut:

var scrollTop = document.documentElement.scrollTop ||
Nilai scrollTop boleh diperoleh dalam apa jua keadaan melalui tugasan ini.

Perhatikan tugasan ini dengan teliti, adakah anda perasan apa-apa? ?

Betul, window.pageYOffset (Safari) diletakkan di tengah ||.

Oleh kerana apabila nombor 0 OR dengan undefine, sistem mengembalikan nilai terakhir secara lalai. Iaitu, 0 == undefine dalam operasi ATAU;

Apabila bar skrol halaman hanya di bahagian atas, iaitu apabila nilai scrollTop ialah 0, window.pageYOffset (Safari) di bawah IE kembali kepada undefine Pada masa ini, apabila window.pageYOffset (Safari) diletakkan di penghujung operasi OR, scrollTop mengembalikan undefine, jika undefine digunakan dalam operasi seterusnya, ralat akan dilaporkan.

Pelayar lain tidak akan kembali undefine tanpa mengira tugasan scrollTop atau susunan operasi Ia boleh digunakan dengan selamat..

Jadi akhirnya ia masih menjadi masalah IE...

Saya agak keliru, saya tidak tahu sama ada saya boleh menyatakan diri saya dengan jelas.

Tetapi akhirnya, saya membuat kesimpulan bahawa ayat ini telah diuji dan OK, jadi anda boleh menggunakannya dengan yakin.

Salin kod Kod adalah seperti berikut:
var scrollTop = document.documentElement.scrollTop ||

Ini adalah pernyataan tugasan yang sesuai untuk mendapatkan scrollTop.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan