레프트메뉴 질문 드립니다.

레프트메뉴 질문 드립니다.

QA

레프트메뉴 질문 드립니다.

본문

레프트메뉴를 만드는 중인데요.

 

대메뉴 안에 소메뉴가 4개 정도 있다는 가정하에 대메뉴를 클릭해서 들어가면 

 

한 페이지에 안에서 소메뉴 내용을 전보 보여주려고 합니다.

 

그리고 대메뉴에 있는 소메뉴를 클릭하면 그 내용을 a #태그를 붙여 내용 찾아가는건 어렵지

 

않은데 글 내용안에서 스크롤을 해서 움직이면 현재 어떤 소메뉴의 내용을 보고 있는지

 

레프트 메뉴에 빨간 색상으로 표시를 해주려고 합니다.

 

혹시 이렇게 만드려고 하는데 참고할만한 사이트나 글이 있을까요?

 

1794352587_1560330858.5355.jpg

 

위에 그림 처럼 현재 한페이지에 4개 소메뉴의 내용이 모두 나오고 마우스를 움직여 그 내용이

보이면 자동으로 어딜 보고 있는지 표시는 되네요.

 

근데 저 사이트의 방식은 현재의 높이값을 아예 지정해놓고 하는 방식이라 화면을 줄여서 긴글이

아래로 내려가면 그것도 높이값으로 반영되 현재 보고 있는 페이지랑은 전혀 엉뚱한 곳에 소메뉴

글자에 빨간색이 표시 됩니다.

 

물런 원초적인 방법으로 위의 방식대로 하다가 일정 사이즈가 되면 레프트 메뉴를 없애면서 모바일 

메뉴로 바꾸는 방식을 사용해도 되는데 글이 수정되거나 하면 높이값을 일일이 다 바꿔줘야 되서요.

 

방법이 있으면 부탁드리겠습니다.

 

이 질문에 댓글 쓰기 :

답변 1

서브 메뉴를 움직이는 js 파일이 있습니다. 그부분을 찾으셔서 부모의 li 에 class를 적용시켜주시고 class의 css 를 설정해두시면 됩니다.

해서 over 시와 out 시에 클래스를 addclass 와 removeclass 를 적용하시면 될것같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 247
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT