Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menghentikan Tatal Kedudukan Tetap pada Titik Tertentu Menggunakan JavaScript?

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

Linda Hamilton
Linda Hamiltonasal
2024-12-29 06:44:10236semak imbas

How Can I Stop Fixed-Position Scrolling at a Specific Point Using 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!

Kenyataan:
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