Rumah >hujung hadapan web >tutorial js >kaedah jQuery untuk mencapai penatalan lancar ke anchor point_jquery yang ditentukan

kaedah jQuery untuk mencapai penatalan lancar ke anchor point_jquery yang ditentukan

WBOY
WBOYasal
2016-05-16 16:08:191420semak imbas

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;
  });
});

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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