타겟이될 영역을 id로 지정하고
클릭할 곳에서는 href에 id를 지정 한 다음 jquery의 animate함수를 이용하여 그 위치로 이동시키면 됩니다.
위치는 offset()함수로 찾습니다.
아래 코드를 참고해서 코딩하시면됩니다.
이 코드가 어디에 사용될까요?
워드프레스 테마중, One Page 테마의 경우 아래로 부드럽게 스크롤 되는 테마를 자주 보셨을 겁니다.
그때 사용가능합니다. 물론 코드의 구현 형태는 다를 수 있습니다.
재원에이전시에서 One Page로 만든 웹사이트도 방문해 보세요.
(빠른 웹 브라우저, 크롬을 권장합니다.)
감사합니다.~
한페이지안에 타겟이 여러개이고 순서가 있다면 버튼을 클릭할때마다 타겟의 순서에따라 넘어가는 코드는 지금있는 코드에서 어떻게 수정하면 좋을까요?
코딩 스타일은 개인적인 것이라 어떤 정답이 있는 것은 아니지만, 만약에 저라면~^^ class나 data-ordering 등과 같이 타겟 엘리먼트에 속성을 지정해서 알고리즘을 작성할 것 같습니다. ^^
와우 어렵당……ㅜㅜ 답변감사드려용^^
정말 감사합니다. 큰 도움이 되었습니다. ^^
제가 정말 만들고 싶은 사이트네요…
html의 h자도 모르고 그냥 버튼만 클릭해서 만든 홈페이지를 저렇게 바꾸고 싶습니다.
어디에 어떻게 삽입해야 하는지 참 힘드네요 ㅠㅠ