Bagaimanakah Saya Boleh Melumpuhkan dan Mendayakan Semula Tatal Halaman secara Program dengan jQuery?

Melumpuhkan Penatalan Halaman Programmatik dengan jQuery

Dalam JavaScript, melumpuhkan penatalan halaman ialah tugas biasa. Satu pendekatan melibatkan penggunaan keupayaan manipulasi CSS jQuery. Kaedah ini memerlukan tiga langkah:

1. Lumpuhkan penatalan halaman dengan menetapkan badan{ limpahan: tersembunyi; } dalam CSS.
2. Tangkap kedudukan tatal semasa menggunakan scrollTop() dan scrollLeft().
3. Ikat pengendali acara tatal pada badan dan tetapkan semula kedudukan tatal kepada nilai yang ditangkap.

Alternatif Pendekatan

Pendekatan yang disediakan dengan berkesan menghalang penatalan halaman. Walau bagaimanapun, terdapat penyelesaian yang lebih mudah dan lebih komprehensif:

$('html, body').css({
    overflow: 'hidden',
    height: '100%'
});

Kod ini melumpuhkan sepenuhnya penatalan halaman dengan menetapkan kedua-dua teg html dan badan supaya mempunyai limpahan tersembunyi dan ketinggian tetap 100%. Untuk memulihkan penatalan, cuma tetapkan semula sifat CSS kepada nilai asalnya.

$('html, body').css({
    overflow: 'auto',
    height: 'auto'
});

Penyelesaian ini telah diuji dan disahkan berfungsi dengan berkesan dalam kedua-dua penyemak imbas Firefox dan Chrome.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melumpuhkan dan Mendayakan Semula Tatal Halaman secara Program dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!