Bagaimanakah Saya Boleh Menghentikan Tatal Kedudukan Tetap pada Titik Tertentu Menggunakan JavaScript?

Menghentikan Tatal Kedudukan Tetap pada Titik Tertentu

Apabila menggunakan elemen dengan kedudukan tetap, ada kemungkinan ia menatal dengan halaman sebagai pengguna menavigasi. Walau bagaimanapun, anda mungkin menghadapi senario di mana anda mahu elemen tetap berhenti menatal selepas mencapai titik tertentu pada halaman. Ini boleh dicapai melalui teknik JavaScript.

Penyelesaian jQuery

Satu pendekatan berkesan ialah menggunakan jQuery:

$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});

Coretan ini mendapatkan semula semasa tatal kedudukan tetingkap menggunakan $(window).scrollTop(). Ia kemudian mengira jarak untuk mengekalkan elemen tetap dari bahagian atas halaman menggunakan 250 - $(this).scrollTop(). Akhir sekali, ia menetapkan sifat teratas elemen tetap (#theFixed) kepada jarak yang dikira, memastikan elemen itu berhenti menatal pada 250px dari bahagian atas halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghentikan Tatal Kedudukan Tetap pada Titik Tertentu Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!