지정된 앵커 point_jquery로 부드러운 스크롤을 달성하는 jQuery 메서드

이 기사의 예에서는 jQuery가 지정된 앵커 포인트까지 부드러운 스크롤을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

지정된 앵커 포인트를 정의하고 다음 js 코드를 호출하면 페이지를 지정된 위치로 부드럽게 스크롤할 수 있습니다. 페이지 상단으로 돌아가거나 페이지 하단으로 이동하는 등 매우 실용적입니다. 🎜>

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

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.