<a>태그를 통해 페이지 내 스크롤 하여 이동하기

바로가기 를 통한 지정 위치 이동 CSS 스크롤 구현 JQuery 스크롤 구현 a태그 스크롤 예제 CSS 이용하는 방법과 Jquery를 통해 구현하는 2가지 방법을 소개하겠습니다. 그전에 태그에서 지정 위치로 이동하는 법 부터 알아보겠습니다. 를 통한 지정 위치 이동 TITLE ... TITLE 위 코드로 구현시 스크롤 움직임 효과 없이 바로 그 위치로 이동하게 됩니다. 이제 스크롤 이동 구현 방법을 소개하겠습니다. CSS 스크롤 구현 html { scroll-behavior: smooth;/* 부드로운 스크롤 이동 효과 */ } html 요소에 해당 속성만 추가하면 끝입니다. 간단하죠? 그러나 IE 지원이 안되고 지정 위치까지 이동시간을 지정할 수는 없습니다. 해당 요소를 고려하지 않으면 CSS로 하는..
웹퍼블리싱 2022. 8. 12. 12:17
1