kaedah jQuery untuk mencapai penatalan lancar ke anchor point_jquery yang ditentukan

WBOY
Lepaskan: 2016-05-16 16:08:19
asal
1377 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jQuery melaksanakan tatal lancar ke titik anchor yang ditentukan. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Tentukan titik utama yang ditentukan dan panggil kod js berikut untuk menatal halaman dengan lancar ke kedudukan yang ditentukan Ia sangat praktikal, seperti kembali ke bahagian atas halaman, pergi ke bahagian bawah halaman, dsb.

// HTML:
// <h1 id="anchor">Lorem Ipsum</h1>
// <p><a href="#anchor" class="topLink">Back to Top</a></p>
$(document).ready(function() {
  $("a.topLink").click(function() {
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
      duration: 500,
      easing: "swing"
    });
    return false;
  });
});
Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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