Perbincangan ringkas mengenai kedudukan tatal scrollTop dan scrollLeft_jquery halaman jQuery

Halaman web selalunya lebih besar daripada tetingkap penyemak imbas yang memaparkan halaman Kerana dokumen Web mempunyai banyak kandungan, ia sering menyebabkan halaman menjadi lebih tinggi dan kadangkala lebih lebar daripada penyemak imbas, yang memaksa pelawat untuk melihat keseluruhan muka surat (ditunjukkan dalam Rajah 10-8). Semasa pelawat menatal, bahagian dokumen hilang daripada paparan. Sebagai contoh, halaman web tidak muat sepenuhnya ke dalam tetingkap penyemak imbas, dan dokumen itu menatal ke kiri atau ke atas, supaya bahagian atas dan kiri halaman hilang daripada paparan. Ini bermakna sudut kiri atas tetingkap penyemak imbas dan sudut kiri atas dokumen tidak sama. Jika anda cuba meletakkan elemen baharu, contohnya, sepanduk dinamik di bahagian atas skrin, anda akan menghadapi masalah jika anda hanya cuba menetapkan kedudukan kiri dan atas elemen itu kepada 0. Anda sebenarnya hanya meletakkannya di bahagian atas dokumen, tetapi di luar tetingkap penyemak imbas.

Mujurlah, jQuery menyediakan dua fungsi yang membolehkan anda menentukan jumlah halaman yang ditatal dari atas dan kiri (dengan kata lain, berapa banyak piksel dokumen yang wujud di atas dan di sebelah kiri tetingkap penyemak imbas). Untuk menentukan jumlah dokumen di atas tetingkap penyemak imbas, gunakan baris kod ini:

Salin kod Kod adalah seperti berikut:

$(document).scrollTop()

Untuk menentukan jumlah dokumen di sebelah kiri skrin, gunakan baris kod ini:

Salin kod Kod adalah seperti berikut:

$(document).scrollLeft()

Kedua-dua fungsi mengembalikan nilai piksel yang boleh anda gunakan untuk meletakkan elemen lain pada halaman. Contohnya, jika anda ingin meletakkan tetingkap timbul di tengah halaman walaupun selepas seseorang menatal ke bawah, anda perlu menentukan sejauh mana pelawat telah menatal dan mengalihkan tetingkap timbul supaya banyak elemen tambahan berada di bahagian bawah halaman. Dalam contoh petua alat yang muncul, anda perlu berhati-hati apabila mencari petua alat apabila pelawat telah menatal ke bawah halaman: mudah untuk meletakkan petua alat dalam ruang halaman secara tidak sengaja, tetapi dalam paparan penyemak imbas di luar yang boleh dilihat kawasan mulut. Gunakan scrollTop() untuk mengelak daripada meletakkan petua alat di atas kawasan yang boleh dilihat di bahagian atas tetingkap penyemak imbas.

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