반응형 제이쿼리1 [Jquery/Javascript]이미지맵을 이용해서 특정위치로 스크롤 이동하기 [Jquery/Javascript]이미지맵을 이용해서 특정위치로 스크롤 이동하기 모바일 혹은 PC환경에서 이미지맵을 이용해서 현재 페이지 내의 특정 위치로 이동하는 스크립트를 만들었다. PC환경에서의 이미지맵은 작성법이 변경될 일이 없지만 모바일환경에서는 디바이스별로 이미지값이 달라지기 때문에 jquery 등을 이용해서 좌표값을 다시 설정해줘야 한다. 하지만 아래 코드는 jquery 소스 추가 없이 javascript 만으로 구현을 해서 적용했다. 그리고 해당 좌표값 클릭시 원하는 위치로 스크롤 할 수 있도록 구현했다. 먼저 기본 이미지맵 소스이다. 일반적인 이미지맵과 다른점이 있다면 area 영역에 id값을 할당해 주었다. id 값을 할당함으로써 jquery 연동이 좀더 수월해진다. 페이지 이동등을 위.. 2022. 6. 28. 이전 1 다음
