Jquery 클릭 시, 해당 태그로 이동..

준영·2022년 8월 30일
0

코드 지갑..

목록 보기
6/20

script

$(document).ready(function () {
        $(".navEl_01").click(function () {
          var offset = $(".section03_02").offset();
          $("html").animate({ scrollTop: offset.top - 172 }, 400);
        });
      });

부가 설명

offset.top - 172 : 위의 네비게이션바의 크기(172px) 만큼 위치를 조정하였음.
.navEl_01 : 클릭 할 버튼의 className
.section03_02 이동할 div의 className
animate : 애니메이션
offset : 위치
scrollTop : 화면 기준 위로 가게 위치
400 : 0.4초의 스크롤 애니메이션

profile
개인 이력, 포폴 관리 및 기술 블로그 사이트 👉 https://aimzero-web.vercel.app/

0개의 댓글