我是否可以使用HTML中的类在同一页面中从一个部分转到另一个部分？

<section id="section1">
  <!-- 这是第一个部分 -->
</section>

<section id="section2">
  <!-- 这是第二个部分 -->
</section>

<a href="#section2">转到第二个部分</a>

<a href="#" class="scroll-link" data-target="#section2">转到第二个部分</a>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $(".scroll-link").click(function(event) {
      event.preventDefault();
      var target = $(this).data("target");
      $("html, body").animate({
        scrollTop: $(target).offset().top
      }, 1000);
    });
  });
</script>