메인페이지 특정 메뉴 클릭시 메인페이지내에 있는 특정 위치로 스크롤 되며 이동하는 방법 매뉴얼 입니다.


1. 이동하고 싶은 위치에 아이디값 넣어주세요.

▼ 해당 위치에 있는 게시물의 행박스 D클릭 -> 수정 -> 편집박스

 


▼ 편집박스의 DIV속성에 id값 넣고 저장하기

 2. 메뉴관리에 가서 설정에서 a태그에 div속성에 넣은 id값 넣어주세요.

▼ 메뉴관리 ->클릭한 메인 메뉴의 설정



▼ 네비게이션 -> <a href="kwa-home#section1" data-gnb="Y">ABOUT</a> a태그 주소 입력시 끝에 아이디값 넣기


3. 클릭 후 이동할 때 부드럽게 스크롤 될 수 있게 설정하는 방법입니다.

▼ 메인페이지 header.php 페이지 -> F클



▼ 헤더에서 TAG/CSS/JS 클릭 -> ② TAG/CSS/JS 소스설정입력 란에 <style>html { scroll-behavior: smooth; }</style> 입력 후 저장



4. 위의 내용대로 설정하면 메인 페이지의 특정 메뉴를 클릭 시 해당 메뉴의 게시물이 있는 위치로 이동합니다. 

▼ header의 특정 메뉴 클릭



▼메인페이지의 클릭한 메뉴의 게시물이 있는 위치로 이동