개발공작소
728x90
반응형
article thumbnail
[JS] 버튼 클릭시 스크롤 맨 아래로 이동
FrontEnd/JavaScript 2021. 8. 10. 12:23

특정 버튼을 클릭시 해당 페이지 스크롤을 맨 아래로 이동시키는 방법을 기록하고자 한다. 우선 @click을 이용하여 gotoBottom()이라는 메서드를 호출하는 게시글(버튼)을 만들도록 하자. 위의 이미지와 같이 gotoBottom이라는 메서드를 호출하는 게시글(버튼)과 스크롤을 해당 위치로 이동시킬 클래스명이 statFooter인 태그를 생성하였다. 여기서 statFooter는 이름과 같이 footer역할을 한다. 그리고 위의 이미지와 같이 gotoBottom 메서드를 선언해준다. 여기서 $('html')을 통해 html태그를 지정해준다. 그 뒤에 제이쿼리의 .animate함수를 사용하면 내의 모든 요소들에 애니메이션 효과를 부여할 수 있다. .animate에서 제공해주는 scrollTop과 offs..

728x90
반응형