메인페이지 특정 메뉴 클릭시 메인페이지내에 있는 특정 위치로 스크롤 되며 이동하는 방법 매뉴얼 입니다.
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의 특정 메뉴 클릭
▼메인페이지의 클릭한 메뉴의 게시물이 있는 위치로 이동